Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在一个文本字段中显示开始日期和结束日期以及月份和年份_Javascript_Jquery - Fatal编程技术网

Javascript 如何在一个文本字段中显示开始日期和结束日期以及月份和年份

Javascript 如何在一个文本字段中显示开始日期和结束日期以及月份和年份,javascript,jquery,Javascript,Jquery,$(函数(){ $('input[name=“datefilter1”]”)。daterangepicker({ 自动更新输入:false, 区域设置:{ 取消标签:“清除” } }); $('input[name=“datefilter1”]')。on('apply.daterangepicker',函数(ev,picker){ $(this.val(picker.startDate.format('MM/DD/yyyyy')+'-'+picker.endDate.format('MM/DD/

$(函数(){
$('input[name=“datefilter1”]”)。daterangepicker({
自动更新输入:false,
区域设置:{
取消标签:“清除”
}
});
$('input[name=“datefilter1”]')。on('apply.daterangepicker',函数(ev,picker){
$(this.val(picker.startDate.format('MM/DD/yyyyy')+'-'+picker.endDate.format('MM/DD/yyyyy'));
});
$('input[name=“datefilter1”]”)。在('cancel.daterangepicker',函数(ev,picker)上{
$(this.val(“”);
});
});

添加显示下拉列表:在配置中为true

$(“#演示”).daterangepicker({
“摊牌”:没错,
“起始日期”:“2019年12月18日”,
“截止日期”:“2019年12月24日”,
“maxDate”:新日期()
},函数(开始、结束、标签){
console.log('选定的新日期范围:'+start.format('YYYY-MM-DD')+'到'+end.format('YYYY-MM-DD')+'(预定义范围:'+label+'));
});

我正在使用。它功能强大、轻量级、无依赖性

let input=document.getElementById('litepicker'))
让选取器=新选取器({
元素:输入,
//格式:“DD/MM/YYYY”,
格式:“DD-MMM-YYYY”,
单模:false,
月数:2,
列数:2,
showTooltip:true,
是的,
startDate:新日期().setDate(1),
endDate:新日期().getTime(),
maxDate:新日期().getTime(),
onSelect:function(date1,date2){console.log(date1,date2)}
})


日期格式应显示为2019年12月24日这是否回答了您的问题?在结束日期中,我们需要禁用tomorrowI添加的maxDate中的日期,以防止用户在今天之后选择日期。您应该阅读包含的链接中的Litepicker文档。这很容易理解和使用。你们有没有运气在点击按钮后弹出litepicker,然后它填充旁边的输入字段?在我的例子中,我想用选择的日期填充asp:TextBox?