Javascript 引导数据采集器验证不起作用
我正在尝试使用bootstrap-datetimepicker.min.js,我已经成功地将它集成到我的项目中。然而,当我试图在from输入字段中显示今天的日期作为默认值时,它不起作用 Javascript:Javascript 引导数据采集器验证不起作用,javascript,jquery,twitter-bootstrap-3,datetimepicker,bootstrap-datetimepicker,Javascript,Jquery,Twitter Bootstrap 3,Datetimepicker,Bootstrap Datetimepicker,我正在尝试使用bootstrap-datetimepicker.min.js,我已经成功地将它集成到我的项目中。然而,当我试图在from输入字段中显示今天的日期作为默认值时,它不起作用 Javascript: var d = new Date(); var currDate = d.getDate(); var currMonth = d.getMonth(); var currYear = d.getFullYear(); var dateStr = currDate + "-" + cu
var d = new Date();
var currDate = d.getDate();
var currMonth = d.getMonth();
var currYear = d.getFullYear();
var dateStr = currDate + "-" + currMonth + "-" + currYear;
$('#from').datetimepicker({
pickTime: false,
defaultDate: dateStr
});
HTML:
有了这个,我还想验证from文件中的日期,以便不少于今天的日期,不少于明天的日期,不超过3个月的日期
我已经在谷歌和Stackoverflow上搜索了答案。请帮助我。使用这个jquery函数
<script>
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$("#from").datepicker( "option", "dateFormat", "yy-mm-dd");
$("#to").datepicker( "option", "minDate", selectedDate );
}
});
$( "#to").datepicker({
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$("#to").datepicker( "option", "dateFormat", "yy-mm-dd");
$("#from").datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
HTML:
包括此脚本
// jQuery Date Picker
jQuery(".datepicker").datepicker({
showOtherMonths: true,
selectOtherMonths: false,
isRTL:false,
changeMonth: true,
changeYear: true,
showButtonPanel: true,
});
jQuery('.datepicker').css('cursor', 'pointer');
jQuery('.datepicker').attr("readonly", "readonly");
jQuery('.datepicker').addClass('tooltip-info');
jQuery('.datepicker').attr('data-rel', 'tooltip');
jQuery('.datepicker').attr('data-placement', 'right');
jQuery('.datepicker').attr('data-original-title', 'Select a Date');
jQuery(".datepicker").datepicker("option", "dateFormat", "yy-mm-dd");
jQuery(".datepicker").datepicker("option", "showAnim", "slideDown");
jQuery(".datepicker").each(function(){
jQuery(this).datepicker( "setDate", jQuery(this).attr('date-value'));
});
Use id="datepicker"
试试这个代码 HTML 检查一下这里的小提琴 不要忘了在这里包括基本的javascript和css检查 您可以为日期选择器设置以下选项
maskInput: true, // disables the text input mask
pickDate: true, // disables the date picker
pickTime: true, // disables de time picker
pick12HourFormat: false, // enables the 12-hour format time picker
pickSeconds: true, // disables seconds in the time picker
startDate: -Infinity, // set a minimum date
endDate: Infinity // set a maximum date
我有你的问题…这是一个简单的日期验证
<input type="text" id="txtdate" />
<input value="SUBMIT" id="btnsubmit" onclick="checkDate();"/>
<script>
function checkDate() {
var EnteredDate = document.getElementById("txtdate").value; //for javascript
var EnteredDate = $("#txtdate").val(); // For JQuery
var date = EnteredDate.substring(0, 2);
var month = EnteredDate.substring(3, 5);
var year = EnteredDate.substring(6, 10);
var myDate = new Date(year, month - 1, date);
var today = new Date();
if (myDate > today) {
alert("Entered date is greater than today's date ");
}
else {
alert("Entered date is less than today's date ");
}
}
</script>
谢谢你的回答,但是在尝试了你给出的代码之后,它甚至没有向我显示选择日期的日历。有没有办法只使用jquery验证日期..就像在选择日期之后。。。它应该检查日期并对其进行验证..仅使用jquery..而不是DateTimePickerHanks先生,它正在工作,但我希望根据今天的日期,结束日期应该是3个月谢谢先生,它现在工作正常..但我不希望将日期从今天延长到3个月。。也就是说,我只能选择今天的日期和3个月后的日期。我希望用户可以选择今天的日期和介于今天日期和3个月日期之间的日期。谢谢先生,根据@Subodh Ghulaxe先生的回答,我已经解决了这个问题。在jquery中使用setdate属性…现在我正在寻找结束日期验证,它应该是3个月后日期根据今天的日期
<div class="well">
<div id="from-datepicker" class="input-append date">
<input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
</div>
<div class="well">
<div id="to-datepicker" class="input-append date">
<input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
</div>
$(function() {
var d = new Date();
var today = d;
var dateThreeMonthLater = d.setMonth(d.getMonth() + 3);
$('#from-datepicker').datetimepicker({
language: 'pt-BR',
startDate: today,
endDate: dateThreeMonthLater
});
$('#to-datepicker').datetimepicker({
language: 'pt-BR'
});
});
maskInput: true, // disables the text input mask
pickDate: true, // disables the date picker
pickTime: true, // disables de time picker
pick12HourFormat: false, // enables the 12-hour format time picker
pickSeconds: true, // disables seconds in the time picker
startDate: -Infinity, // set a minimum date
endDate: Infinity // set a maximum date
<input type="text" id="txtdate" />
<input value="SUBMIT" id="btnsubmit" onclick="checkDate();"/>
<script>
function checkDate() {
var EnteredDate = document.getElementById("txtdate").value; //for javascript
var EnteredDate = $("#txtdate").val(); // For JQuery
var date = EnteredDate.substring(0, 2);
var month = EnteredDate.substring(3, 5);
var year = EnteredDate.substring(6, 10);
var myDate = new Date(year, month - 1, date);
var today = new Date();
if (myDate > today) {
alert("Entered date is greater than today's date ");
}
else {
alert("Entered date is less than today's date ");
}
}
</script>