时间控件WdatePicker

首先:引用wdatepicker包

方式1:在定义input元素的时候 就绑定

<input type="text"
        onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
        name="beginTime" id="beginTime"  readonly />

方式2:用js的bind函数给input动态绑定

第一步:html代码

<body>
    <input type="text" name="beginTime" id="beginTime" readonly />
</body>

第二步:js代码

<script>
    $("#beginTime").bind("click", function() {
        WdatePicker({
            dateFmt : 'yyyy-MM-dd',
            minDate : '2000-1',
            maxDate : '2050-12'
        })
    })


//或者,绑定click的第二种方法
    $("#beginTime").click(function() {
        WdatePicker({
            dateFmt : 'yyyy-MM-dd HH:mm',
            minDate : '2000-1',
            maxDate : '2050-12'
        })
    })
</script>

PS:给input元素添加click事件的三个方法
(1) onclick属性
(2).click()方法
(3).binc()方法

posted on 2017-02-06 10:46  dreamstar  阅读(104)  评论(0编辑  收藏  举报