jquery-ui日期插件datepicker平铺在页面

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

效果如下：

注：此为个人笔记及总结，有误或有更好的解决方案请指正！谢谢