在from_date的 on _change 事件上，我想獲取輸入天數的值，from_date添加天數和from_date的值，并將其設置為to_date例如input_days= 5和from_date = 10 / 02 / 2020，它應該添加并自動顯示15 / 02 / 2020在to_date中。這是添加from_date和to_date并顯示total_date的代碼，但是...我應該在這個邏輯中改變什么？$("#fromdate,#todate").datepicker({ minDate: 0, changeMonth: true, changeYear: true, firstDay: 1, dateFormat: 'yy/mm/dd',});$("#fromdate").datepicker({dateFormat: 'yy/mm/dd'});$("#todate").datepicker({dateFormat: 'yy/mm/dd'});$('#enddate').change(function () { var start = $('#fromdate').datepicker('getDate'); var end = $('#todate').datepicker('getDate'); if (start < end) { var days = (end - start) / 1000 / 60 / 60 / 24; $('#total_days').val(days); } else { alert("cannot select same or previous date!"); $('#fromdate').val(""); $('#total_days').val(""); }});
4 回答
慕姐4208626
TA貢獻1852條經驗 獲得超7個贊
請參考以下代碼。另外，請在評論中找到小提琴鏈接。如果輸入為空，我將默認添加5天。
<label class="required">Days</label> <input type="text" id="days"><br/><br/><br/>
<label class="required">from</label>
<input type="text" id="fromDate" class="form-control date-picker from input-append minDate" placeholder="mm/yyyy"><br/><br/><br/>
<label> To </label>
<input type="text" id="toDate" class="form-control date-picker to input-append maxDate" placeholder="mm/yyyy" >
$(function() {
$( ".from" ).datepicker({
onSelect: function( selectedDate ) {
$( ".to" ).datepicker( "option", "minDate", selectedDate );
var toDate = $('.from').datepicker('getDate');
var days = $("#days").val() != "" ? parseInt($("#days").val()) : 5;
toDate.setDate(toDate.getDate() + days );
$('.to').datepicker('setDate', toDate);
}
});
$( ".to" ).datepicker({
onSelect: function( selectedDate ) {
$( ".from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
夢里花落0921
TA貢獻1772條經驗 獲得超6個贊
我希望這對你有幫助.
$(document).ready(function() {
jQuery("#from").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
onClose: function( selectedDate ) {
jQuery( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
jQuery("#to").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
onClose: function( selectedDate ) {
jQuery( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<input type="text" id="from">
<input type="text" id="to">
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
眼眸繁星
TA貢獻1873條經驗 獲得超9個贊
var val = $("#fromdate").val(); // your input date ID, like we have input: 5
var myDate = new Date($.datepicker.formatDate('yy/mm/dd', new Date($('#fromdate').datepicker('getDate'))));
var d = myDate.getDate()+parseInt(val, 10);
var m = myDate.getMonth()+1;
var y = myDate.getFullYear();
$("#todate").val(new Date(yy+'/'+mm+'/'+dd));
絕地無雙
TA貢獻1946條經驗 獲得超4個贊
試試這個
$（文檔）.ready（函數 （） {
$('#txtFromDate').datepicker({
format: 'dd/mm/yyyy',
startDate: 'd',
minDate: new Date('today'),
language: locale,
autoclose: true,
todayHighlight: true
});
$('#txtToDate').datepicker({
format: 'dd/mm/yyyy',
startDate: '+2d',/change value for to 5 for 5 days
minDate: '#txtToDate',
viewMode: 'years',
language: locale,
autoclose: true,
});
- 4 回答
- 0 關注
- 134 瀏覽
添加回答
舉報
0/150
提交
取消