我剛剛學習 JS，有一個關于使用日期范圍選擇器的問題。我想使用這種類型的選擇，但是如何將開始和結束時間傳遞到 startDate 和 endDate 輸入框？HIDDEN: <input type="text" class="form-control" name="startDate" id="inlineFormInputGroup" placeholder="Start Date">HIDDEN: <input type="text" class="form-control" name="endDate" id="inlineFormInputGroup" placeholder="End Date">SHOWN on PAGE: <input type="text" class="form-control" name="date" id="demo" >$('#demo').daterangepicker({ ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] }, "startDate": "03/27/2020", "endDate": "04/02/2020"}, );});我在這里搜索，但一切都指向 python 腳本。這是 HTML 頁面中的 JS。
2 回答
墨色風雨
TA貢獻1853條經驗 獲得超6個贊
我能夠通過使用正確的方法分配給 JS 中的輸入來使其工作。
$('input.date_range').daterangepicker({
autoApply:true,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
});
$('form').submit(function (ev, picker) {
[startDate, endDate] = $('.date_range').val().split(' - ');
$(this).find('input[name="datemin"]').val(startDate);
$(this).find('input[name="datemax"]').val(endDate);
});
形式
<form>
<div class="form-row align-items-center">
<div class="col-auto">
<input type="hidden" name="datemin">
<input type="hidden" name="datemax">
<label class="sr-only" for="inlineFormInput">Select Date Range</label>
<input type="text" class="form-control mb-2 date_range" id="inlineFormInput" size="30">
</div>
<div class="col-auto">
<button type="submit" class="btn btn-primary mb-2">Submit</button>
</div>
</div>
</form>
https://jsfiddle.net/erkc64ot/5/
一只名叫tom的貓
TA貢獻1906條經驗 獲得超3個贊
您似乎可以執行以下操作：
<input type="text" name="daterange" value="" />
<input type="text" name="startdate" value="" />
<input type="text" name="enddate" value="" />
<script>
$(function() {
? $('input[name="daterange"]').daterangepicker({
? ? opens: 'left'
? }, function(start, end, label) {
? ? $input[name="startdate"].value = start.format('MM-DD-YYYY')
? ? $input[name="enddate"].value = end.format('MM-DD-YYYY')
? });
});
</script>
- 2 回答
- 0 關注
- 199 瀏覽
添加回答
舉報
0/150
提交
取消