Javascript 我想要使用jQuery的签入和签出功能?
我想要两个文本框,可以在其中插入签入和签出日期。签入日期应为当前日期或未来日期,签出日期应大于选定的签入日期使用JQuery的默认日期选择器插件即可。JSFIDLE中的代码包含两个文本框,一个用于签入,另一个用于签出Javascript 我想要使用jQuery的签入和签出功能?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想要两个文本框,可以在其中插入签入和签出日期。签入日期应为当前日期或未来日期,签出日期应大于选定的签入日期使用JQuery的默认日期选择器插件即可。JSFIDLE中的代码包含两个文本框,一个用于签入,另一个用于签出 $( "#checkin" ).datepicker({minDate : 0, dateFormat: 'dd-mm-yy'}); 试试这个 $document.readyfunction{ $txtCheckin.datepicker{ 日期格式:年月日, onSelect
$( "#checkin" ).datepicker({minDate : 0, dateFormat: 'dd-mm-yy'});
试试这个
$document.readyfunction{
$txtCheckin.datepicker{
日期格式:年月日,
onSelect:功能日期{
var date2=$'txtCheckin'.datepicker'getDate';
date2.setDatedate2.getDate;
$'txtCheckout'.datepicker'setDate',date2;
//将minDate设置为dateofbirth date+1
$'txtCheckout'.datepicker'option','minDate',date2;
}
};
$'txtCheckout'.datepicker{
日期格式:年月日,
onClose:函数{
var dt1=$'txtCheckin'.datepicker'getDate';
console.logdt1;
var dt2=$'txtCheckout'.datepicker'getDate';
如果dt2包含jquery&jqueryui并尝试此操作
<script>
$(function () {
var dateFormat = "mm/dd/yy",
from = $("#from")
.datepicker({
defaultDate: "+1w",
changeMonth: true,
})
.on("change", function () {
to.datepicker("option", "minDate", getDate(this));
}),
to = $("#to").datepicker({
defaultDate: "+1w",
changeMonth: true,
})
.on("change", function () {
from.datepicker("option", "maxDate", getDate(this));
});
function getDate(element) {
var date;
try {
date = $.datepicker.parseDate(dateFormat, element.value);
} catch (error) {
date = null;
}
return date;
}
});
</script>
HTML
在脚本标记内,尝试以下操作
<script>
$(function () {
var dateFormat = "mm/dd/yy",
from = $("#from")
.datepicker({
defaultDate: "+1w",
changeMonth: true,
})
.on("change", function () {
to.datepicker("option", "minDate", getDate(this));
}),
to = $("#to").datepicker({
defaultDate: "+1w",
changeMonth: true,
})
.on("change", function () {
from.datepicker("option", "maxDate", getDate(this));
});
function getDate(element) {
var date;
try {
date = $.datepicker.parseDate(dateFormat, element.value);
} catch (error) {
date = null;
}
return date;
}
});
</script>
到目前为止你尝试了什么?在谷歌上发布5秒,下面是一个例子@CarstenLøvboAndersen。你提供的链接中的代码不包含一些功能,比如选择框中的当前日期应该是最短日期,否则其余的都是好的。@RadheshVayeda没有,但它给了他一个关于可以使用哪些插件的非常好的想法。由此可知这一点应该不难找到并改变什么missing@CarstenLøvboAndersen答对了!!你是对的……我是在具体谈论被问到的问题:。把我的评论作为答案发布有什么意义。在评论中没有看到你的答案,我同时也在谷歌上搜索。并找到了相同的答案