Jquery 拆分文本字段值并在更改时更新其他字段

发布于 2024-11-29 21:16:29 字数 421 浏览 1 评论 0原文

我有一个带有 jquery datepicker 的文本输入字段，它将以 yyyy-mm-dd 格式设置值。当使用日期选择器更新此字段时，我稍后需要在基于此更新的文档中添加其他三个文本字段。

我尝试过这样的事情，但没有运气：

$('input#date').change(function() {
    var date = $('input#date').text();

    var year = date.split('-')[0];
    var month = date.split('-')[1];
    var day = date.split('-')[2];

    $(".year").text(year);
    $(".month").text(month);
    $(".day").text(day);

});

原文

I have a text input field with jquery datepicker which will set the value in format yyyy-mm-dd. When this field is updated with datepicker, I would need three other text fields later in the document updated based on this.

I have tried something like this, with no luck:

$('input#date').change(function() {
    var date = $('input#date').text();

    var year = date.split('-')[0];
    var month = date.split('-')[1];
    var day = date.split('-')[2];

    $(".year").text(year);
    $(".month").text(month);
    $(".day").text(day);

});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我三岁 2024-12-06 21:16:29

使用 .val() 作为输入，而不是 .text()：

代码：

$( function()
{
    $( '#date' )
        .change( function()
        {
            var dateParts = $( this ).val().split('-');

            $( '.year' ).val( dateParts[0] );
            $( '.month' ).val( dateParts[1] );
            $( '.day' ).val( dateParts[2] );
        } );
} );

现场演示：

http://jsfiddle.net/JAAulde/6Z8yj/3/

Use .val() for inputs, not .text():

Code:

$( function()
{
    $( '#date' )
        .change( function()
        {
            var dateParts = $( this ).val().split('-');

            $( '.year' ).val( dateParts[0] );
            $( '.month' ).val( dateParts[1] );
            $( '.day' ).val( dateParts[2] );
        } );
} );

Live Demo:

http://jsfiddle.net/JAAulde/6Z8yj/3/

回复收藏 0 原文

~没有更多了~