javascript - 如何使用 Bootstrap 日期选择器格式化日期？

Question

我有一个选择下拉菜单，根据所选内容激活两个日期选择器输入字段。当选择一个字段时，我想填写今天的日期加上一年的值。但是，当我选择该选项时，我得到:2015 年 8 月 11 日星期二 00:00:00 GMT-0400(东部夏令时间)。我希望日期为:mm/dd/yyyy。

我已经设置了一个 fiddle 。 http://jsfiddle.net/mwoods98/aku8ytju/更新了 fiddle

下面是代码:

                 $(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>

更新:由于某种原因， fiddle 没有更新。我已经确认了这一点，现在消息来源似乎与我所问的问题相关。您可以看到做出选择后日期的格式如何。

Answer 1

看看这个:Bootstrap 3 datepicker - code generator

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