MUI框架 picker日期选择器实例

<form>
         <label for="dateSelect">请选择日期</label>
         <input type="text" id="dateSelect"/>
</form>

<script type="text/javascript">
    $(function () {
        $("#dateSelect").click(function () {
            var dtPicker = new mui.DtPicker({ type: 'date' });
            /*参数：'datetime'-完整日期视图(年月日时分)
                    'date'--年视图(年月日)
                    'time' --时间视图(时分)
                    'month'--月视图(年月)
                    'hour'--时视图(年月日时)
            */      
            dtPicker.show(function (selectItems) {
               var y = selectItems.y.text;  //获取选择的年
               var m = selectItems.m.text;  //获取选择的月
               var d = selectItems.d.text;  //获取选择的日
               var date = y + "-" + m + "-" + d ; 
               $("#dateSelect").val(date); 
            })
        });
    })
</script>