![](/img/trans.png)
[英]How do I pass the date range selected in the daterangepicker to a variable or back to my input textbox in javascript?
[英]DateRangePicker - Selected date range not getting correctly highlighted
$("input[name='MyDaterange']").daterangepicker({ ranges: { 'This Week': [moment().day("Sunday"), moment().day("Saturday")], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Year to Date': [moment().startOf('year'), moment()] }, maxDate: moment() // this is required });
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <input type="text" name="MyDaterange" id="MyDaterange" value="" />
我正在使用daterangepicker选择预定义的日期。 当我选择“ 年初至今”时,另一个选项“ 今年”突出显示。
码:
$("input[name='MyDaterange']").daterangepicker({
ranges: {
'This Week': [moment().day("Sunday"), moment().day("Saturday")],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'This Year': [moment().startOf('year'), moment().endOf('year')],
'Year to Date': [moment().startOf('year'), moment()]
},
maxDate: moment() // this is required
});
由于您添加了maxDate: moment()
因此,不计算今天之后的所有日期,这意味着:
它们是相同的,并且由于插件会检查开始日期和结束日期以检查激活范围,因此“今年”将始终是第一个激活的年份。
解:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.