Javascript 嵌入日期选择器引导输入范围

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

我的html中有一个带输入范围的引导日期选择器。 我想在页面中嵌入两个输入的日历,并保留输入字段。 我需要在输入“开始日期”字段下嵌入第一个日历,在输入“结束日期”字段下嵌入第二个日历

有人能帮我吗(

代码:


杜
金
$(函数(){
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;
      }

    });

});