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);
    }
});

效果如下：

注：此為個人筆記及總結，有誤或有更好的解決方案請指正！謝謝