Question

是否可以使用与使用datepicker选择的格式相同的日期填充输入字段？例如，在我使用datepicker选择日期之前，我的输入字段中有一个值（例如new Date（）），我希望它具有与我选择它相同的格式。

THX

kukudas

Answer 1

查看demo site，新的Date（）。今天使用asString（）进行选择，并按照人们的预期进行格式化。

$('.date-pick').datePicker().val(new Date().asString()).trigger('change');

编辑：

您必须确保正确设置Date.format。以下是德国日期格式的工作示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>jQuery datePicker simple datePicker demo</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/date.js"></script>
    <script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/jquery.datePicker.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/styles/datePicker.css">

    <script type="text/javascript" charset="utf-8">

        Date.format = 'dd.mm.yyyy';

        $(function(){
            $('.date-pick').datePicker()
                .val(new Date().asString()).trigger('change');
        });
    </script>
</head>
<body>
    <label for="date1">Date 1:</label>
    <input name="date1" id="date1" class="date-pick" />
</body>
</html>

注意，脚本http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/date.js扩展了Date.prototype并将“Date.format”设置为“dd / mm / yyyy”。我用'dd.mm.yyyy'来压倒这个。

Answer 2

我不确定我真的明白这是什么问题？

$(document).ready(function() {
    $('#date_field').datepicker({
        dateFormat: 'yy-mm-dd',
        constrainInput: false});
});

在输入字段中只有一个标准值：

<input name="date_field" id="date_field" value="2008-04-16" />

或者你可以在document.ready中设置值

$('#date_field').val("2008-04-16");

添加datepicker后

。我不确定这是不是你的意思？

好的，在您发表评论后，我感觉您想要类似于此的内容：

var my_date = new Date(); //This is the Date object that you're getting from external source
$('#date_field').val(my_date.getFullYear()+"/"+my_date.getMonth()+"/"+my_date.getDate());

这应该将字段中的值设置为2008/04/26（或其他）

JQuery datepicker初始化选择器/字段

2 个答案: