jquery uidatepickerをflatpickrに変更しています。しかし$('#from2').datepicker('getDate')
、flatpickrに対してこれを行う方法を知る必要があります。flatpickrでそれを行う方法をオンラインで見つけることができません。
御時間ありがとうございます。
*編集
function getDays() {
let start = $('#from1').datepicker('getDate'),
end = $('#to1').datepicker('getDate'),
days = (end - start) / 1000 / 60 / 60 / 24;
if(days == 0 || days > 0) {
$('#howManyNights').val(days);
}
return days;
}
* flatpickrでは機能しません:
function getDays() {
let start = $('#from1').val();
end = $('#to1').val();
days = (end - start) / 1000 / 60 / 60 / 24;
console.log(days);
if(days == 0 || days > 0) {
$('#howManyNights').val(days);
}
return days;
}
日=ナン
flatpickr(実行可能な作業スニペット)の値から日付オブジェクトを作成して、このように試してください
var from1 = flatpickr('#from1', {});
var to1 = flatpickr('#to1', {});
function getDays() {
var start = new Date($('#from1').val());
var end = new Date($('#to1').val());
days = (end - start) / 1000 / 60 / 60 / 24;
if(days == 0 || days > 0) {
$('#howManyNights').val(days);
}
return days;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.3/flatpickr.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.3/flatpickr.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
From:<input name="from1" id="from1" type="text">
To:<input name="to1" id="to1" type="text">
How Many:<input name="howManyNights" id="howManyNights" type="text">
<button onclick="getDays()">Get Days</button>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加