2017-08-28 62 views
2

我要開始我的DateTimePicker2周提前....這裏是我的代碼引導3的DateTimePicker開始日起未來幾周

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-3'> 
      <input type='text' class="form-control" id='datetimepicker4' /> 
     </div> 
    </div> 
</div> 

<script type="text/javascript"> 
    $(function() { 
     $('#datetimepicker4').datetimepicker(); 
    }); 
</script> 
+1

這裏有幾個第三方庫名稱爲:[1](https://eonasdan.github.io/bootstrap-datetimepicker/),[2](https://www.malot.fr/bootstrap-datetimepicker /)最好清楚你使用哪一個。 – fjoe

+0

開始你的意思是它設置爲選擇一個2周的日期?或者是否設置了2周的最短可選日期? – fjoe

+0

今天的日期+ 2周 – Neilzxc

回答

1

在這裏,你去了一個解決方案https://jsfiddle.net/0Ltv25o8/5532/

$('#datetimepicker2').datetimepicker({ 
 
    defaultDate: moment().add('days', 14) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script> 
 
<div class="row"> 
 
    <div class="col-md-12"> 
 
     <input type="text" class="form-control" id="datetimepicker2" /> 
 
    </div> 
 
</div>

我用瞬間補充14天。

您可以添加周以及代替天

$('#datetimepicker2').datetimepicker({ 
 
    defaultDate: moment().add('weeks', 2) 
 
});

禁用過去的日期

$('#datetimepicker2').datetimepicker({ 
    minDate: moment().add('days', 14) 
}); 

希望這會幫助你。

請參閱jsFiddle,因爲代碼不能在stackoverflow中工作,因爲庫鏈接。

+0

@Neilzxc。你需要關注jsfiddle。在stackoverflow它不工作。 – Shiladitya

+0

哦,謝謝!如何禁用過去的日子,以便用戶不能點擊過去的日子? – Neilzxc

+0

@Neilzxc使用以下代碼'$('#datetimepicker2')。datetimepicker({ minDate:moment()。add('days',14) });' – Shiladitya

1

試試這個代碼....

<div class="container"> 
    <div class="row"> 
    <div class='col-sm-3'> 
     <input type='text' class="form-control" id='datetimepicker4' /> 
    </div> 
    </div> 
/div> 
<script type="text/javascript"> 
    $(function() { 
        $('#datetimepicker4').datetimepicker({ 
         defaultDate: '+7d'}); 
         }); 
    </script> 
+0

那只是7天前他說的2周:) – fjoe

+0

謝謝!!! :)讚賞 – Neilzxc

0

這是假設你使用這個庫:https://eonasdan.github.io/bootstrap-datetimepicker/

$(function() { 
    $('#datetimepicker9').datetimepicker({ 
    viewMode: 'years', 
    defaultDate: formatDate(getDateTwoWeeksFromNow()) 
    }); 
}); 

function getDateTwoWeeksFromNow() { 
    new Date(+new Date + 12096e5); 
} 

function formatDate(date) { 
    return [date.getDate(), date.getMonth(),date.getFullYear()].join('/') 
} 
+0

如果您使用eonasdan爲什麼使用moment.js? – fjoe

+0

我在哪裏使用momentjs? – jkris

+0

謝謝!!! :)讚賞 – Neilzxc