ฉันพยายามใช้ bootstrap datepicker ในวันที่เริ่มต้นและวันที่สิ้นสุด เมื่อฉันเลือกวันที่เริ่มต้น ฉันจะอัปเดตค่าที่เลือกเป็นวันที่สิ้นสุด แต่เมื่อฉันคลิกที่วันที่สิ้นสุด datepicker จะเปิดขึ้น แต่ไม่ได้เน้นวันที่ที่เลือก
นี่คือรหัสของฉัน:
$('#start_date, #end_date').datepicker();
$('#start_date').on('changeDate', function (selected) {
$('#end_date').val($(this).val());
$(this).datepicker('hide');
});
และลิงก์ js fiddle คือ: ลิงก์ Js fiddle
คุณต้องตั้งค่าให้กับตัวเลือกโดยใช้ setDate แทน เจคิวรี่ val().
โปรดทราบว่า changeDate เหตุการณ์ ได้รับข้อมูลเพิ่มเติม รวมถึงวันที่ที่เลือก คุณสามารถใช้แอตทริบิวต์ date เพื่อตั้งค่าใหม่ใน changeDate listner ของคุณ
นี่คือตัวอย่างการทำงาน:
$('#start_date, #end_date').datepicker();
$('#start_date').on('changeDate', function (selected) {
$('#end_date').datepicker('setDate', selected.date);
$(this).datepicker('hide');
});<link href="/th//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="/th//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<input type="text" id="start_date" />
<input type="text" id="end_date" />ซอที่อัปเดตนี้มีคำตอบของคุณ
https://jsfiddle.net/qcw0dcaL/10/
$('#start_date').datepicker();
$('#start_date').on('changeDate', function (selected) {
$('#end_date').datepicker('setDate', selected.date);
$(this).datepicker('hide');
});
คุณต้องใช้ setDate แทนการตั้งค่า val
