Question

我正在制作一个编辑个人资料表单，我正在使用jquery iu datepicker来选择DOB，现在当用户编辑其数据时他/她已经在个人资料字段中有一些日期，现在如果用户想要更改弹出日期选择器的日期，如何在日期选择器上选择配置文件字段中的日期，

或者如何在此处打开时如何使日期选择器显示特定日期是我当前的脚本：

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: ,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
        });

因此，例如，如果我的dob是20.05.1987，我怎么能设置datepicker来显示打开时的日期，或者只是一个月和一年

Answer 1

您可以将日期对象分配给datepicker小部件的默认日期设置，例如默认日期1980年2月2日：

var d = new Date(1980, 2, 2);
$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: d,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
        });

这应该做你需要的，

希望它有所帮助，思南。

Answer 2

您可以将默认日期放入input字段：

<input name="date" id="member_dob" value="87-05-20" />

DatePicker会在打开时自动选择该日期。确保该值与您正在使用的dateFormat匹配。

Answer 3

如果要更改现有的datepicker值，可以执行以下操作：

$('#txtDate').datepicker().datepicker('setDate', 'today');

Answer 4

我不确定我是否做对了你想要在这里完成的事情。首先，您需要将当前DOB从服务器端传递给Javascript。

你可以用两种方式做到这一点。一种是构建一个jsonObject，例如：

var jsonDate = {date : '1987-05-20'};

然后在你的日期选择器中：

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: jsonDate.date,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
});

第二种是为你触发datePicker的输入设置一个值：

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
   });

<input type="text" id="member_dob" value="1987-05-20">

Answer 5

这对我有用：

$(function() {
      $( "#datepicker" ).datepicker({
          changeMonth: true,
          changeYear: true,
          firstDay: 1,
          showAnim: 'slideDown',
          dateFormat: 'yy-mm-dd',
        });
      $("#datepicker").datepicker("setDate", new Date());
     });

如何使用jquery ui datepicker设置当前日期

5 个答案: