jquery ui日期选择器，文本框中包含默认文本

Question

有没有什么方法我们可以有一个默认文本值（不是某些日期，而是某种标签，它显示在文本框中，但如果用户选择某个日期，则会更改为选定日期。

// I want the MM/DD/YYYY to be displayed inside text box if no date is selected by user

    <input id="datePicker" value ="MM/DD/YYYY">
    $(function() { 
    $( "#datepicker" ).datepicker( )});

我尝试使用mm / dd / yyyy添加一个虚拟输入框，并使用焦点和模糊方法显示和隐藏它，但它无法正常工作。 有没有优雅的方法来实现这一目标？任何帮助表示赞赏。 PS：我没有使用html5，我需要这个东西才能工作，即8,9。 它应该看起来像这样

Answer 1

您可以在placeholder="MM/DD/YYYY"，

中添加<input>

<input id="datePicker" placeholder="MM/DD/YYYY"＆GT;

Answer 2

在HTML页面（或onload）中添加此内部脚本标记。这将在输入框中显示当前日期。您可以在输入中使用title="Enter MM/DD/YYYY"来显示工具提示。如果您确实要在文本中显示MM / DD / YYYY，则可以使用css background image属性。我不擅长CSS，但我想它会起作用（只需用文本MM / DD / YYYY创建一个小png。

Date.prototype.formatMMDDYYYY = function(){
        return this.getMonth() + 
        "/" +  this.getDate() +
        "/" +  this.getFullYear();
    }

    var dt = new Date();
    $('#datePicker').val(dt.formatMMDDYYYY());


        $(function() { 
        $( "#datePicker" ).datepicker( )});

Answer 3

如果您希望在所有网站中拥有统一的日期选择器行为，只需覆盖datepicker()功能：

$(function () {
    var pickerFn = $.fn.datepicker,
        placeholder = 'MM/DD/YYYY';

    $.fn.datepicker = function () {
        var datePicker = pickerFn.apply(this, arguments);  

        var self = this;
        self.attr('placeholder', placeholder);

        return datePicker;
    };
});

Answer 4

<input id="datePicker" placeholder="MM/DD/YYYY">

<script type="text/javascript">
$(function() {
  $('#datePicker').daterangepicker({
      autoUpdateInput: false
 });
</script>