Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取MooTools日期选择器的值_Javascript_Datepicker_Mootools - Fatal编程技术网

Javascript 获取MooTools日期选择器的值

Javascript 获取MooTools日期选择器的值,javascript,datepicker,mootools,Javascript,Datepicker,Mootools,我正在用这个 如何使用JavaScript从中获取当前值(Unix TS或日期) 我的代码是: window.addEvent('load', function() { new DatePicker('.demo_vista', { pickerClass: 'datepicker_vista', format: 'm/d/Y', allowEmpty: true, toggleElements: '.date_toggle

我正在用这个

如何使用JavaScript从中获取当前值(Unix TS或日期)

我的代码是:

window.addEvent('load', function() {
    new DatePicker('.demo_vista', {
        pickerClass: 'datepicker_vista',
        format: 'm/d/Y',
        allowEmpty: true,
        toggleElements: '.date_toggler'
    });
});

我尝试过标准的
getElementById('mydatepicker')。值
,但每次都会得到
[object NodeList]

此日期选择器有不同的版本。有些是输出,有些不是

要从输入字段/datepicker获取值,如果您有id,则可以使用
$('mydatepicker').value
document.id('mydatepicker').value
,或您描述的普通javascript。检查您从$('mydatepicker')中获取的值是否已为UNIX。否则,您可以解析日期

如果输入值中没有UNIX时间戳,则可以使用以下方法将日期转换为它:

var unix = new Date(this.value).format('%s');
在选项中(如果没有UNIX时间戳),您还可以添加
inputOutputFormat:'U',
以指定UNIX应为输入字段的值(某些版本的默认值为UNIX)。此输入字段是隐藏的,因为datepicker创建的克隆就是您看到的克隆。但是这个隐藏字段是html标记中的字段,所以是ID为的字段


检查此项,更改日期并查看控制台。

此日期选择器有不同的版本。有些是输出,有些不是

要从输入字段/datepicker获取值,如果您有id,则可以使用
$('mydatepicker').value
document.id('mydatepicker').value
,或您描述的普通javascript。检查您从$('mydatepicker')中获取的值是否已为UNIX。否则,您可以解析日期

如果输入值中没有UNIX时间戳,则可以使用以下方法将日期转换为它:

var unix = new Date(this.value).format('%s');
在选项中(如果没有UNIX时间戳),您还可以添加
inputOutputFormat:'U',
以指定UNIX应为输入字段的值(某些版本的默认值为UNIX)。此输入字段是隐藏的,因为datepicker创建的克隆就是您看到的克隆。但是这个隐藏字段是html标记中的字段,所以是ID为的字段

选中此项,更改日期并查看控制台。

日期选择器选项:

  • 格式-是一种可见的日期格式。不影响实际输出 提交表格时

  • InputOutFormat-定义原始文件的输入值 解释datepicker输入元素(默认值U为 Unix时间戳)

  • onSelect-选择日期时触发事件挂钩

    new DatePicker('.demo_vista', { 
        pickerClass: 'datepicker_vista', 
        format: 'm/d/Y',
        inputOutputFormat: 'm/d/Y',
        allowEmpty: true, 
        toggleElements: '.date_toggler',
        onSelect: function( date ) {
            alert( date );
            alert( $('mydatepicker').value );
        }
    });
    
除非定义inputOutputFormat选项,否则表单的默认输出将是Unix时间戳,并且该值可以使用
$('mydatepicker')。值
(与
document.getElementById('mydatepicker')相同。值

日期选择器选项:

  • 格式-是一种可见的日期格式。不影响实际输出 提交表格时

  • InputOutFormat-定义原始文件的输入值 解释datepicker输入元素(默认值U为 Unix时间戳)

  • onSelect-选择日期时触发事件挂钩

    new DatePicker('.demo_vista', { 
        pickerClass: 'datepicker_vista', 
        format: 'm/d/Y',
        inputOutputFormat: 'm/d/Y',
        allowEmpty: true, 
        toggleElements: '.date_toggler',
        onSelect: function( date ) {
            alert( date );
            alert( $('mydatepicker').value );
        }
    });
    

除非定义inputOutputFormat选项,否则表单的默认输出将是Unix时间戳,并且该值可以使用
$('mydatepicker')。值
(与
document.getElementById('mydatepicker')。值
)获取。

我已经尝试了
getElementById('mydatepicker')。值
但我得到了[object NodeList]每次。@Adelphia,你能发布你的html吗?Nermind,它现在工作了,我不知道我做了什么,但最终getElementById工作了。@Adelphia,好的。很高兴听到!如果您发现更多问题,请再次评论。我已经尝试了
getElementById('mydatepicker')。value
但是每次我都会得到[object NodeList]。@Adelphia,你能发布你的html吗?Nermind,它现在起作用了,我不知道我做了什么,但最终getElementById起作用了。@Adelphia,好的。很高兴听到!如果发现更多问题,请再次进行评论。