jquery-ui日期插件datepicker一般是在点击输入框是弹出时间选择框,本文实现日期插件datepicker平铺在页面。关于datepicker中文显示及显示时分秒在后面文章说明。
页面引入<script src="lib/jQuery/jquery-ui.min.js"></script>
Html
<div class="col-xs-6">
<input id="startDate" type="text" ng-model="startDate" validate />
<div id="datepicker" class="marginT10"></div>
</div>
js
$("#datepicker").datepicker({
onSelect:function(date){
$('#startDate').val(date);
}
});
效果如下:
注:此为个人笔记及总结,有误或有更好的解决方案请指正!谢谢