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);
}
});
效果如下:
注:此爲個人筆記及總結,有誤或有更好的解決方案請指正!謝謝