Javascript 嵌入日期选择器引导输入范围
我的html中有一个带输入范围的引导日期选择器。 我想在页面中嵌入两个输入的日历,并保留输入字段。 我需要在输入“开始日期”字段下嵌入第一个日历,在输入“结束日期”字段下嵌入第二个日历 有人能帮我吗( 代码:Javascript 嵌入日期选择器引导输入范围,javascript,jquery,twitter-bootstrap,bootstrap-datepicker,Javascript,Jquery,Twitter Bootstrap,Bootstrap Datepicker,我的html中有一个带输入范围的引导日期选择器。 我想在页面中嵌入两个输入的日历,并保留输入字段。 我需要在输入“开始日期”字段下嵌入第一个日历,在输入“结束日期”字段下嵌入第二个日历 有人能帮我吗( 代码: 杜 金 $(函数(){ var激活日期={{激活日期{安全日期}; $('.input daterange').datepicker({ 格式:“dd-mm-yyyy”, //起始日期:“-50d”, 结束日期:“-{{diff}}”, 语言:“fr”, 自动关闭:是的, //今日BTN
杜
金
$(函数(){
var激活日期={{激活日期{安全日期};
$('.input daterange').datepicker({
格式:“dd-mm-yyyy”,
//起始日期:“-50d”,
结束日期:“-{{diff}}”,
语言:“fr”,
自动关闭:是的,
//今日BTN:“链接”,
//今天的亮点:没错,
beforeShowDay:功能(日期){
var formattedDate=$.fn.datepicker.DPGlobal.formattate(日期,'yyyy-mm-dd','fr');
if($.inArray(formattedDate.toString(),已激活的\u日期)!=-1){
返回{
//启用:对,
类:'突出显示',
//工具提示:“跑”,
};
}
返回;
}
});
});
它不工作还是什么…?输入数据范围工作得很好,除非我不知道如何在页面中嵌入两个日历。我不想就此结束。
<form class="form-horizontal visible-lg" role="form" method="get" action="." style="margin-bottom:25%">
<div class="text-center form-group">
<div class="form-group">
<div class="col-md-11">
<div class="input-daterange" id="datepicker">
<span class="add-on"> Du </span>
<input type="text" class="input-small datepicker" value={{start_date}} name="start_date" required/>
<span class="add-on"> Au </span>
<input type="text" class="input-small datepicker" value={{end_date}} name="end_date" required/>
</div>
</div>
</div> <!----End input search---->
<input class="btn btn-success" style="font-family:Open Sans; background-color:green;" type="submit" value="Visualiser">
</div>
</form>
<script>
$(function(){
var activated_dates = {{activated_campagnes|safe}};
$('.input-daterange').datepicker({
format: "dd-mm-yyyy",
//startDate: "-50d",
endDate: "-{{diff}}",
language: "fr",
autoclose: true,
//todayBtn: "linked",
//todayHighlight: true,
beforeShowDay: function(date){
var formattedDate = $.fn.datepicker.DPGlobal.formatDate(date, 'yyyy-mm-dd', 'fr');
if ($.inArray(formattedDate.toString(), activated_dates) != -1){
return {
//enabled : true,
classes : 'Highlighted',
//tooltip: "ran",
};
}
return;
}
});
});