时间控件WdatePicker

最新推荐文章于 2024-07-04 17:15:56 发布

原创最新推荐文章于 2024-07-04 17:15:56 发布 · 494 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#控件

jQuery控件专栏收录该内容

11 篇文章

订阅专栏

这篇博客介绍了如何在HTML中引入和使用WdatePicker时间控件，包括两种绑定方式：静态绑定和动态使用js的bind函数绑定。同时，文章还详细讲述了给input元素添加click事件的三种方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先：引用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>