uniapp日期时间组件

文档地址：https://ext.dcloud.net.cn/plugin?id=112

示例：

<template>
	    <view>
	        <view class="test">
	            <view>&#26085;&#26399;&#36873;&#25321; - &#31034;&#20363;</view>
	            {{date}}
	            <button type="primary">&#36873;&#25321;&#26085;&#26399;</button>
	            {{time}}
	            <button type="primary">&#36873;&#25321;&#26102;&#38388;</button>
	            {{datetime}}
	            <button type="primary">&#36873;&#25321;&#26085;&#26399;&#26102;&#38388;</button>
	            {{range[0]}} - {{range[1]}}
	            <button type="primary">&#36873;&#25321;&#26085;&#26399;&#33539;&#22260;</button>
	            {{rangetime[0]}} - {{rangetime[1]}}
	            <button type="primary">&#36873;&#25321;&#26085;&#26399;&#26102;&#38388;&#33539;&#22260;</button>
	        </view>
	        <mx-date-picker :show="showPicker" :type="type" :value="value" :show-tips="true" :begin-text="'&#20837;&#20303;'" :end-text="'&#31163;&#24215;'" :show-seconds="true">
	    </mx-date-picker></view>
	</template>
	<script>
	    import MxDatePicker from "@/components/mx-datepicker/mx-datepicker.vue";
	    export default {
	        components: {
	            MxDatePicker
	        },
	        data() {
	            return {
	                showPicker: false,
	                date: '2019/01/01',
	                time: '15:00:12',
	                datetime: '2019/01/01 15:00:12',
	                range: ['2019/01/01','2019/01/06'],
	                rangetime: ['2019/01/08 14:00','2019/01/16 13:59'],
	                type: 'rangetime',
	                value: ''
	            }
	        },
	        methods: {
	            DatePicker(type){//&#26174;&#31034;
	                this.type = type;
	                this.showPicker = true;
	                this.value = this[type];
	            },
	            ed(e) {//&#36873;&#25321;
	                this.showPicker = false;
	                if(e) {
	                    this[this.type] = e.value; 
	                    //&#36873;&#25321;&#30340;&#20540;
	                    console.log('value => '+ e.value);
	                    //&#21407;&#22987;&#30340;Date&#23545;&#35937;
	                    console.log('date => ' + e.date);
	                }
	            }
	        }
	    }
	</script>
	<style>
	    .test{
	        text-align: center;
	        padding: 10px 0;
	    }
	    button{
	        margin: 20upx;
	        font-size: 28upx;
	    }
	</style>


&#27604;&#22914;&#21482;&#38656;&#35201;&#20351;&#29992;&#26085;&#26399;&#26102;&#38388;&#21151;&#33021;
&#20462;&#25913;&#20043;&#21518;
template&#37096;&#20998;
	<view class="cont2-3">

	</view>
	//&#27492;&#26631;&#31614;&#19968;&#23450;&#35201;&#25918;&#22312;&#28857;&#20987;&#20107;&#20214;&#30340;&#22806;&#38754;&#65292;&#19981;&#28982;&#20250;&#26080;&#27861;&#20851;&#38381;&#32452;&#20214;
	<mx-date-picker :show="showPicker" :type="type" :value="value" :show-tips="true" :show-seconds="true">

js&#37096;&#20998;
	import MxDatePicker from "@/components/mx-datepicker/mx-datepicker.vue";
    export default {
        components: {
            MxDatePicker
        },
        data():{
        	return {
				showPicker: false,
			    datetime: new Date().toISOString().slice(0, 10) + ' 00:00:00', //&#27492;&#21464;&#37327;&#26159;&#26174;&#31034;&#21644;&#26368;&#32456;&#38656;&#35201;&#20256;&#36882;&#30340;&#20540;&#65292;&#20063;&#21487;&#20197;&#20351;&#29992;&#19979;&#26041;&#30340;value&#23384;&#32467;&#26524;
			    type: 'rangetime',
			    value: ''
        	}
        }&#65292;


		method:{
			DatePicker(type){//&#26174;&#31034;
				this.type = type;
				this.showPicker = true;
				this.value = this[type];
			},
			ed(e) {//&#36873;&#25321;
				this.showPicker = false;
				if(e) {
					this[this.type] = e.value; 
					//&#36873;&#25321;&#30340;&#20540;
					console.log('value =&gt; '+ e.value);
					//&#23558;&#20540;&#36171;&#32473;&#26174;&#31034;&#30340;&#21464;&#37327;
					this.datetime = e.value;
					//&#21407;&#22987;&#30340;Date&#23545;&#35937;
					console.log('date =&gt; ' + e.date);
				}
			},
		}</mx-date-picker>