szy_csdn 时间控件

最新推荐文章于 2021-02-04 11:00:20 发布

原创最新推荐文章于 2021-02-04 11:00:20 发布 · 520 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#时间控件宋志勇 #java

java 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery为特定输入框添加时间控件样式的方法，并通过WdatePicker插件实现了日期选择功能。具体操作包括设置输入框的样式属性，如高度和宽度，以及点击事件来触发日期选择器。

function() {
//给时间控件加上样式
$("#ccCarListtb").find("input[name='createDate']").attr(
"class", "Wdate").attr("style",
"height:20px;width:90px;").click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd'
});
});
$("#ccCarListtb").find("input[name='updateDate']").attr(
"class", "Wdate").attr("style",
"height:20px;width:90px;").click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd'
});
});
$("#ccCarListtb").find("input[name='ccCarCreatedate_begin']")
.attr("class", "Wdate").attr("style",
"height:20px;width:90px;").click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd'
});
});
$("#ccCarListtb").find("input[name='ccCarCreatedate_end']")
.attr("class", "Wdate").attr("style",
"height:20px;width:90px;").click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd'
});
});
$("#ccCarListtb").find("input[name='ccCarGivedate_begin']")
.attr("class", "Wdate")
.attr("id", "ccCarGivedate_begin")
.attr("style","height:20px;width:90px;")
.click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd'
});
});
$("#ccCarListtb").find("input[name='ccCarGivedate_end']")
.attr("class", "Wdate")
.attr("id", "ccCarGivedate_end")
.attr("style","height:20px;width:90px;")
.click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd HH:mm:ss',
minDate: '#F{$dp.$D(\'ccCarGivedate_begin\')}'
});
})
});