[微信小程序]时间选择器(年月日时分)datetime-picker

使用方法：

（1）下载picker_datetime.js 与 picker_datetime.wxml文件到本地

（2）在需要用到该选择器的wxml文件中，在底部引入picker_datetime.wxml

<include src="../tools/wxml/picker_datetime.wxml"/>

<view bindtap="startTap" class="form">开始时间：{{startDate}}</view>





<view bindtap="startTap" class="form">开始时间：{{startDate}}</view>


同时，在此Page页面的onLoad事件中，加入以下代码


this .datetimePicker = new pickerFile.pickerDatetime({

       page: this ,

       animation: 'slide' ,

       duration:500

     });




最后，在对应的tap事件中，设置一下选择器，如第二步的例子startTab，绑定的值为{{startDate}}，则


startTap : function (){

     this .datetimePicker.setPicker( 'startDate' );

   }







.pick_datetime {

     position : fixed ;

     left : 0 ;

     bottom : 0 ;

     width : 100% ;

     overflow : hidden ;

}

.pick_datetime_tool {

     display :flex;

     justify- content :space-between;

     height : 92 rpx;

     line-height : 92 rpx;

     border-top : 4 rpx solid #eee ;

     border-bottom : 4 rpx solid #eee ;

     padding : 0 20 rpx;

}

.pick_datetime_ok { font-weight : bold ;}

.pick_datetime_clear { color : #666 ;}

.pick_datetime picker-view {

     font-size : 34 rpx;

}

.pick_datetime_column {

     height : 40px ;

     line-height : 40px ;

     text-align : center ;

}