如何检测浏览器的输入格式[type=date]

使用 Javascript，如何检测日期输入字段（input[type=date]）中的日期格式？

类似的工具现代化 http://modernizr.com/docs/仅检测使用 HTML5 日期选择器的功能（特别适合移动设备及其用于选择日期的 UI）。但是，我无法找到任何检测浏览器使用的格式的解决方案。

我有一个像这样的输入字段：

<input type="date" class="border-radius" min="2013-12-21" max="2015-12-20" data-persist-local="FromDate">

该值通过 jQuery 调用输入.val()如果在 localStorage 中找到它。我认为，由于 min 和 max 属性的有效日期格式采用有效的 ISO 格式，因此获取字段的值将返回相同的格式。事实证明，事实并非如此。

在以瑞典语为主要语言的 Chrome 浏览器 (31.0.1650.63 m) 上进行测试会给出 ISO 格式，但使用以丹麦语为主要语言的同一浏览器会将日期格式反转为 dd-mm-yyyy，而不是 yyyy-mm-dd。我怀疑其他地区也是如此。

我不想更改输入格式 https://stackoverflow.com/questions/7372038/is-there-any-way-to-change-input-type-date-format- 理想情况下，应该有一个函数可以通过一致的方式获取日期“有线格式” http://dev.w3.org/html5/spec-author-view/forms.html#input-author-notes但我还没有找到除显示格式之外的任何内容的方法。

如何检测输入字段的格式，并一致地转换为 JS 中的有效日期，然后再转换回来？

理想情况下，会有一个函数通过一致的“有线格式”获取日期

有一个input.valueAsDate方法返回一个Date反映输入当前值的对象。

根据实验（编辑：2013年12月20日使用Chrome和Opera桌面版本），看来显示的日期输入的值遵循与返回的格式相同的格式new Date().toLocaleDateString()，至少在 Chrome 中是这样。

前端有 3 种正在执行的日期表示：

1. JavaScript 日期对象
2. 输入属性和表面值的 ISO 日期字符串
3. 由输入向用户表示的日期字符串。

要从其中任何一个获取其中任何一个：

// From Javascript `Date` object to input value:
new Date().toISOString().substr( 0, 10 );

// From Javascript `Date` object to input display:
new Date().toLocaleDateString();

// From input value to Javascript `Date`:
input.valueAsDate;

// From input value to input display (step 3, then step 2):
input.valueAsDate.toLocaleDateString();

// From input display to Javascript `Date` object:
new Date( input.valueAsDate );

// From input display to input value (step 5, then step 1):
new Date( input.valueAsDate ).toISOString().substr( 0, 10 );

EDIT:

以上恰好适用于 Chrome。 Desktop Safari 5.1.7 以 ISO 格式显示时间，这意味着您输入的就是用户看到的。 iOS Safari 显示一个下拉菜单，其中包含月份名称缩写，格式如下dd mmm yyyy。所以好像没有标准。

这里有一个小函数，可以为您提供仅适用于桌面 Chrome 和 Opera 的正确转换：

var dateInput = ( function inputDateClosure(){
    // Type checking
    function getType( x ){
        return Object.prototype.toString.call( x );
    }

    function isDate( x ){
        return getType( x ) === '[object Date]';
    }

    function isInput( x ){
        return getType( x ) === '[object HTMLInputElement]' || '[object Object]' && Object.prototype.hasOwnProperty.call( x, 'value' );
    }

    function isString( x ){
        return getType( x ) === '[object String]';
    }

    function fromDateToValue( x ){
        return x.toISOString().substr( 0, 10 );
    }

    function fromDateToString( x ){
        return x.toLocaleDateString();
    }

    function fromInputToDate( x ){
        return x.valueAsDate;
    }

    function fromStringToDate( x ){
        return new Date( x.valueAsDate );
    }

    return function( x ){
        if( isDate( x ) ){
            return {
                asDate   :                   x,
                asValue  : fromDateToValue(  x ),
                asString : fromDateToString( x )
            }
        }
        else if( isString( x ) ){
            return {
                asDate   :                   fromStringToDate( x ),
                asValue  : fromDateToValue(  fromStringToDate( x ) ),
                asString : fromStringToDate( fromDateToString( x ) )
            }
        }
        else if( isInput( x ) ){
            return {
                asDate   :                   fromInputToDate( x ),
                asValue  : fromDateToValue(  fromInputToDate( x ) ),
                asString : fromDateToString( fromInputToDate( x ) )
            }
        }
    }
}() );