Question

我通过使用原生grails日期格式在下面的代码中在我的gsp中创建一个日期字段：

<tr><td><label>Delivery date: </label>
<g:datePicker name="myDate" date="${new Date()}" id="delDate" /></td></tr>

在javascript中通过id捕获日期时，它显示为null。我的代码如下：

var delDate=$('#delDate').val();

alert("date"+ deldate) is showing dateundefined.

如何以字符串格式获取日期，以便我可以将其作为值传递给json。

由于

Answer 1

我建议您在 g：datePicker 标记中使用值而不是日期属性。您可以看到here的文档。

<g:datePicker name="myDate" value="${new Date()}" id="delDate" />

Answer 2

@id标记中没有datePicker。请参阅ref-doc，仅@name。

所以，你的JS调用应该是

var delDate=$('#myDate').val();

Answer 3

当然它不起作用，因为g:datePicker标记转换为5个HTML <select>（日，月，年，小时，分钟）。

我的建议：

删除id="delDate"属性
以这种方式重建日期：

＆＃13;

var d = new Date($('#myDate_year').val(),$('#myDate_month').val(),$('#myDate_day').val(),$('#myDate_hour').val(),$('#myDate_minute').val(),$('#myDate_minute').val());

alert(d.toJSON());

＆＃13;

如果您想使用特定的日期格式化程序，我强烈建议您使用Moment.js

javascript中grails中的日期转换

3 个答案: