如何使用引導日期選擇器格式化日期？

Question

我有一個選擇下拉菜單，根據選擇的內容激活兩個日期選擇器輸入字段。 選擇一個字段后，我想填寫今天的日期加上一年的值。 但是，當我選擇該選項時，我得到的是： Tue Aug 11 2015 00:00:00 GMT-0400（東部夏令時間） 。 我希望日期為：mm / dd / yyyy。

我設置了一個小提琴。 http://jsfiddle.net/mwoods98/aku8ytju/ 更新了小提琴

看一下代碼：

                 $(document).ready(function() {

                    $('#getHoldStatus').change(function()
                    {
                        var selected_item = $(this).val()
                        if(selected_item == "3"){
                            $('#datepicker').val("").removeClass('invisible');
                            $('#datepicker2').val("").removeClass('invisible');

                            var date = new Date("8/11/2014");
                            var date3 = new Date("8/11/2015");

                            $('#datepicker2').val(date3);
                            var newDate = new Date(date3.getFullYear(), date3.getMonth(), date3.getDate()+1);
                            $('#datepicker2').datepicker({ dateFormat: "mm/dd/yyyy" }); 


                        }
                        else if(selected_item == "2") {
                            $('#datepicker').val("").removeClass('invisible');
                            $('#datepicker2').val(selected_item).addClass('invisible');
                            $("#datepicker2").val('0');
                        }
                        else
                        {
                            $('#datepicker').val(selected_item).addClass('invisible');
                            $('#datepicker2').val(selected_item).addClass('invisible');
                            $("#datepicker").val('');
                            $("#datepicker2").val('');

                        }
                    }
                    );

                        // put all your jQuery goodness in here.
                    });

我現在暫時在此處手動設置日期，但似乎無法正確設置日期格式。

<label class="control-label" for="getHoldStatus"> 
                    Hold Status
                 </label>
                 <div class="controls">
                    <select id="getHoldStatus" name="getHoldStatus">
                          <option value=""></option>

                            <option value="1" >None</option>

                            <option value="3" >On Hold until Candidate Available</option>

                            <option value="2" >On Hold until Position Available</option>

                    </select>
                </div>



                 <label class="control-label" for="input08"> 
                    Hold Start Date
                 </label>
                 <div class="controls">
                    <script>
                        $(function() {
                        $( "#datepicker" ).datepicker({autoclose: true, todayHighlight: true, orientation: "bottom right"});
                          });
                    </script>

                        <div><input type="text" id="datepicker" value="" name="fdfHoldStartDate" class="invisible" /></div>

                </div>



                 <label class="control-label" for="input09"> 
                    Hold End Date
                 </label>
                 <div class="controls">
                    <script>
                        $(function() {
                        $( "#datepicker2" ).datepicker({format: "mm/dd/yyyy", autoclose: true, todayHighlight: true});
                          });
                    </script>

                        <div><input type="text" id="datepicker2" value="" name="fdfHoldEndDate" class="invisible" /></div>

                </div>

更新：由於某種原因，小提琴沒有更新。 我已經確認，現在資料來源似乎與我所問的問題有關。 您可以查看進行選擇時如何格式化日期。

Answer 1

看一下這個： Bootstrap 3 datepicker-代碼生成器

<input type="text" type="text" id="date1">
$('#date1').datepicker({
     format: "mm-dd-yyyy"
});

Answer 2

使用format代替formatDate ：

$('#datepicker2').datepicker({ format: "mm/dd/yyyy" });

簽入/簽出示例應該很有用： Bootstrap的Datepicker