• • 형식을 변경할 수 없습니다

우리는 서로 구분할 네트워크를 통해 형식과 browser& # 39 의 프레젠테이션입니다 형식입니다.

와이어 형식

이 HTML5 날짜 입력 사양명세 는 RFC3339 사양명세 는 전체 날짜 형식을 지정하는 다음과 같습니다. '년-월-일'. 참조 [섹선에서 5.6] [3] 의 RFC3339 사양명세 자세한 내용은.

프레젠테이션 형식

브라우저에 대해서는 현재 무제한 방식에 있어 데이트 입력입니다. 날짜, 오페라, 파이어폭스, 크롬, 모서리까지 먹어서나 당시 %s/dbase/ext_table. 지원 (지켜보리니 [here] [4]). 그들은 모두 날짜 표시 및 텍스트 입력 필드를 선택기를 포맷하십시오.

• /Files*데스크탑 디바이스입니다.

39 의, 오페라, 크롬, 파이어폭스, 서식, s 텍스트 입력 field& browser& # 39 의 언어 설정을 바탕으로 하고 있다. 이를 위해 모서리까지 기반으로 Windows 언어 설정. 안타깝게도, 날짜 형식 구성되어 있는 모든 웹 브라우저에서 무시하시겠습니까 운영 체제. 이것은 매우 이상한 행동을 다는일은 사용할 때 고려해야 할 것에 불과하고, 이 입력입니다 유형:. 예를 들어, 사용자가 가지고 있는 언어 'en - us 로 있지만브라우저에 화란어 운영 체제 또는' 대신 '01/30/2019' 형식으로 익숙한 이들은 표시됩니다. '30-01-2019'.

인터넷 익스플로러 9, 10, 11 디스플레이 텍스트 입력 필드를 철사로 형식입니다.

• 모바일 장치 *

안드로이드, 크롬 (chrome 에서 안드로이드 기반으로 하는 형식을 특별히 표시하십시오 욕금지 하는 의심이 마찬가지입니다 표시되어도 타 브라우저 I& # 39, ve 아직 확인할 수 있습니다.

[3]: https://tools.ietf.org/html/rfc3339 # section-5.6 [4]: # Browser_compatibility https://developer.mozilla.org/en-us/docs/web/html/element/input/date

이 질문에 이후 일어난 일이 적지 있느냐는 질문에 "웹 영역 중 가장 흥미로운 소개, 그리고 [웹 구성 요소] 의 [1]. 이제 이 문제를 해결할 수 있는 [사용자 정의 HTML5 요소점] [2] 요구에 맞게 정교하게 고안되었습니다. 원할 경우 모든 html 태그를 사용하여 재생 / 변경하십시오 무시하려면 그냥 당신 애두요 구축하십시오 태양으로하여 dom 이 내용은 아래와 같다.

좋은 소식은 이미 너무 많은 상용 사용할 수 있기 때문에 대부분 처음부터 해결책을 마련하지 않아도 됩니다. 그냥 [확인란] [3] 어떤 사람들이 구축 및 아이디어를 얻을 수 있기 때문이다.

간단한 작업을 시작할 수 있습니다 (및 작업) 솔루션을 사용할 수 있는 [datetime 입력입니다] [4] 를 같은 고분자 태그번호 이와 같은:

앞에서 언급한 것처럼 it 가 공식적으로 형식을 변경할 수 없습니다. 그러나 수 있기 때문에 스타일을 필드 (조금만 JS 도움말에서는) 형식으로 우리가 원하는 날짜를 표시할 수 있습니다. 일부 조작 가능성을 신앙이니라 이 모든 형식은 날짜 입력 실주했습니다 이렇게 큰 힘이 될 수 있는 이 솔루션은 하나의 방법입니다. 날짜 필드용 미디어만을 그렇게 됩니다.

<input type="date" data-date="" data-date-format="DD MMMM YYYY" value="2015-08-09">

Css, JS 미삭 조금 있다. http://jsfiddle.net/g7mvaosL/

Ios 의 Safari 및 Chrome 에서 아주 잘 작동하잖아 win98se (특히 터치 스크린은 대한 바람직한 넷윈을 날짜 조종 때문에 탁월한 이럴). # 39 didn& 맞지만, t, t 확인할지 don& # 39 의 모든 웹킷 실패할 수 있을 것으로 기대하고 있다.

[# 39 의 두 가지 중요한 It& 구별하기 위해 형식식] (http://dev.w3.org/html5/spec-author-view/forms.html # 입력입니다 작가 노트):

• 이 RFC 와이어 format&quot 3339/ISO 8601 ";: 년-월-일. Html5 사양명세 따르면 이 형식을 사용할 수 있도록 하는 input& # 39 의 값을 통해 요청되었습니다 양식 제출 시 때 또는 DOM API. 이는 로케일에 및 지역 독립화됩니다.
• 사용자 인터페이스 컨트롤이거나 표시되는 형식 및 수락됨 사용자로 입력입니다. # 39 의 브라우저 구입업체 권장됨 따를 user& 기본설정에는 선택물. 예를 들어, 이 지역에 대한 미국의 &quot, Mac OS 를 States&quot. 선택한 언어로 &amp. 텍스트 형식, 20, 구글 크롬, m/d/yy&quot &quot 기본설정에는 창뿐만 사용합니다.

Html5 를 사양명세 포함되지 않은 것은 재정의을 또는 수동으로 specifying 인컨텍스트 형식입니다.

I believe local 브라우저를 사용할 날짜 형식. # 39, don& it& # 39 의 바꿀 수 없는 것 같습니다. 물론 사용자 정의 날짜 선택기를 사용할 수 있습니다.

많은 허들, 난 후 수 있는 솔루션을 지었지 &lt 변경, 입력 유형 = &quot date&quot >;; 형식. 하지만 몇 가지 주의할 사항이 # 39, & # 39 Jan& 프로파일링하려는 경우 사용할 수 있다. # 39, & # 39 또는 01&. 시됩니다 버텼다. 크롬 Windows, Mac 전용 작동하잖아 Firefox 에서 지원하지 않는 전혀 넷윈을 날짜 선택기를 때문입니다.

https://github.com/northamerican/custom-input-date-format

JS:

function updateDateInputs() { 
    $('input').each(function() {
        var $date = $(this),
            date = $date.val().split('-'),
            format = ['year', 'month', 'day'];
        $.each(format, function(i, v) {
            $date.attr('data-' + v, +date[i]);
        });
    });
}

스쿼드를 전달한다.

$months: '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12';
@each $month in $months {
    $i: index($months, $month);

    input[data-month="#{$i}"][data-style="reg"]::-webkit-datetime-edit-month-field:after { 
        content: "#{$month}";
    }
}

구글 크롬) 이 마지막 베타 버전을 마지막으로 soundmixer. 입력입니다 '유형 = 날짜 형식은' dd yy mm '및'.

그래서 강제할 방법이 있어야 특정 형식. # 39 m, HTML5 웹 페이지 및 날짜 검색 개발 i& 페일오버합니다 이제 서로 다른 형식의.

• • • • 빠른 시도하시겠습니까 이 솔루션을 만들기 위해 필요한 경우, dd - 9월 - 2016년 검색하기를 년-월-일 &quot &quot.

1. 입력 한 뼘 클래스 (역할을 레이블) 가까이에 만들기

2), 또는 사용자가 변경할 때 당신의 날짜가 레이블에만 업데이트하십시오 everytime 불러오시길 필요한 데이터를 이용하여.

• 날짜 및 Jquery 의 모바일 * 및 포인터입니다 이벤트 ie11+ jquery 单捞磐啊 일하는 웹킷 브라우저

<! - begin 스니핏: js 숨기십시오: &gt 거짓값 -;

$("#date_input").on("change", function () {
     $(this).css("color", "rgba(0,0,0,0)").siblings(".datepicker_label").css({ "text-align":"center", position: "absolute",left: "10px", top:"14px",width:$(this).width()}).text($(this).val().length == 0 ? "" : ($.datepicker.formatDate($(this).attr("dateformat"), new Date($(this).val()))));
        });

#date_input{text-indent: -500px;height:25px; width:200px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<input id ="date_input" dateformat="d M y" type="date"/>
<span class="datepicker_label" style="pointer-events: none;"></span>

끝 - &lt 스니핏 >;!

하지만 나는 내가 많은 토론을 거쳐 검토완료 위해수치스러운 단순한 솔루션 don& # 39, CSS, javascript, t want to use 많은 몇 가지 포함한다.

HTML 코드:

<input type="date" id="dt" onchange="mydate1();" hidden/>
<input type="text" id="ndt"  onclick="mydate();" hidden />
<input type="button" Value="Date" onclick="mydate();" />

CSS 는 코드:

#dt {
  text-indent: -500px;
  height: 25px;
  width: 200px;
}

자바스크립트 코드:

function mydate() {
  //alert("");
  document.getElementById("dt").hidden = false;
  document.getElementById("ndt").hidden = true;
}

function mydate1() {
  d = new Date(document.getElementById("dt").value);
  dt = d.getDate();
  mn = d.getMonth();
  mn++;
  yy = d.getFullYear();
  document.getElementById("ndt").value = dt + "/" + mn + "/" + yy
  document.getElementById("ndt").hidden = false;
  document.getElementById("dt").hidden = true;
}

출력:

! [입력하십시오. 이미지 여기에 설명을] [1]

39 의 it& 웹 키트 변경하십시오 user& 사용할 수 없습니다 # 39 의 컴퓨터이거나 모바일 브라우저 기본 날짜 형식.

Jquery UI 및 날짜 선택기를 원하는거요 데이네이블 신앙이니라 jquery 사용할 수 있는 방법이 개발자가 할 수 있고 어떤 형식으로 볼 수 있다. jquery UI 는 날짜 선택기를 대한 링크를 물론 코드 페이지 (http://jqueryui.com/datepicker/) 이 데모 및 설명서용이나 문서 링크를 찾을 수 있습니다.

크롬 내가 편집하십시오 사용하는 것을 알 수 있는 시스템 설정을 변경할 수 있지만 기본적으로 사용자가 언어 설정 같은 개발자 can& 사용하지만, t # 39 와 같은 솔루션을 사용할 수 있도록 사용자 인력용 승인하십시오 할 수 있는 웹 검색 등 다른 js 쿼리합니다 javascript 날짜 선택기를 또는 jquery 날짜 선택기를 말씀

'로, 입력 유형 = 데이트였어 &lt 밝혔다. 아직 완전히 구현됩니까 &gt. '는 대부분의 브라우저에서 도왔으매 let& # 39 에 대해 이야기 같은 웹킷 브라우저 (크롬).

리눅스 사용 환경 변수를 변경하여 변경할 수 있습니다 '랑', ',' 작업 (가져다줄래요 최소한), t # 39 LC_TIME don& 것으로 보인다.

현재 값을 보려면 터미널에서 '' 로케일에 입력할 수 있습니다. Ios 같은 개념을 적용할 수 있는 것 같아요.

예: 사용:

LANG=en_US.UTF-8 /opt/google/chrome/chrome

날짜는 mm / dd yy / '로' 모습을 보였다.

사용:

LANG=pt_BR /opt/google/chrome/chrome

날짜는 yyyy / mm / dd '로' 모습을 보였다.

Http://lh.2xlibre.net/locale/pt_BR/ (변경 'pt_BR' 에 따라 로케일에) 를 사용할 수 있는 사용자 정의 로케일에 날짜 및 포맷해야 원하는 대로 만들 수 있습니다.

더 좋은 방법은 고급 참조입니다 기본 시스템 날짜를 변경할 수 있다. https://ccollins.wordpress.com/2009/01/06/how-to-change-date-formats-on-ubuntu/ 및 https://askubuntu.com/questions/21316/how-can-i-customize-a-system-locale

현재 날짜 형식 '진짜' 데이트였어 사용하여 볼 수 있습니다.

$ date +%x
01-06-2015

그러나 LC_TIME 거부됩니다 d_fmt 것 같다 '' 와 '에서' 크롬 (제 생각엔 it& # 39 의 버그로 웹킷 또는 크롬), 안타깝게도 , # 39 이 don& 빗나갔다. # 39 :&; (

따라서 이 경우 '랑' 환경 변수를 죄송합니다. 응답을 하지 않고 문제를 해결할 길이 없다.

• 39 의 형식, s 시스템 날짜 format.* user& 날짜 입력 입수합니다 브라우저

(테스트를 통해 지원되는 브라우저, 구글 크롬, 면쪽.)

의해 정의된 표준 사양 vmware. 스타일을 바꿀 수 없기 때문에 이제 그 같은 브라우저에 구현하십시오 컨트롤이거나, 날짜 수 없습니다.

&gt. 그러나 이 날짜 형식 시스템 설정을 통해 얻는 것이 더 강하게 제안하세요 비헤이비어를 쉐퍼드도 시도하시겠습니까 it 무시하려면 안 된다. 그 이유는, 사용자는 # 39 의 형식으로 구성한 것과 동일한 date-input& 볼 수 있는 시스템 / 장치 및 들이 편안하던가요 또는 경기를 통해 그들의 로케일입니다.

단, 이것은 단지 형식을 볼 수 있는 사용자를, javascript UI 가 화면에 원하는 서식을 유지할 수 있는 / 백엔드 항상 수 있습니다.

구글 코드 페이지에 같은) 는 다음과 같은 뜻이 있다.

39 의 첫 번째 제안에 따라 그러니까말이야 it& 늙은 게시물로의 하지만 따라오렴 있는 구글 검색을 단답형 답변을 케르, 내가 사용하는 사용자 정의 데이트였어 정답이 없는, 권장됨 사용자 사용하고 있는 텍스트 상자 시뮬레이션하려면 날짜 입력 및 책임질래 모든 형식을 운영까지도, 다음은 코드

date : 
<span style="position: relative;display: inline-block;border: 1px solid #a9a9a9;height: 24px;width: 500px">
    <input type="date" class="xDateContainer" onchange="setCorrect(this,'xTime');" style="position: absolute; opacity: 0.0;height: 100%;width: 100%;"><input type="text" id="xTime" name="xTime" value="dd / mm / yyyy" style="border: none;height: 90%;" tabindex="-1"><span style="display: inline-block;width: 20px;z-index: 2;float: right;padding-top: 3px;" tabindex="-1">▼</span>
</span>
<script language="javascript">
var matchEnterdDate=0;
//function to set back date opacity for non supported browsers
    window.onload =function(){
        var input = document.createElement('input');
        input.setAttribute('type','date');
        input.setAttribute('value', 'some text'); 
        if(input.value === "some text"){
            allDates = document.getElementsByClassName("xDateContainer");
            matchEnterdDate=1;
            for (var i = 0; i < allDates.length; i++) {
                allDates[i].style.opacity = "1";
            } 
        }
    }
//function to convert enterd date to any format
function setCorrect(xObj,xTraget){
    var date = new Date(xObj.value);
    var month = date.getMonth();
    var day = date.getDate();
    var year = date.getFullYear();
    if(month!='NaN'){
        document.getElementById(xTraget).value=day+" / "+month+" / "+year;
    }else{
        if(matchEnterdDate==1){document.getElementById(xTraget).value=xObj.value;}
    }
}
   </script>

1 - 유념하십시오 를 지원하는 브라우저 데이터 유형을 이 방법을 사용할 수 있습니다.

2 - JS 코드는 t 지원, 첫 번째 기능을 설정할 수 있는 브라우저 don& # 39 데이터 유형을 보면 일반 텍스트 입력입니다.

3 - 이 코드를 사용하여 페이지의 경우 여러 날짜 투입물 변경하십시오 ID &quot xTime"; 이 두 함수 호출 텍스트 입력 및 입력 물론 자체가 뭔가 다른 이름을 사용하여 입력 운영까지도 양식 제출.

두 번째 함수은 4 번 운영까지도 포맷하십시오 day+&quot 대신 사용할 수 있습니다. / &quot +month+"; 예를 들어 year+&quot +year / "; / &quot +month+"; 또한, 텍스트 입력 값 또는 / &quot +day 자리표시자 yyyy / mm / dd 로 사용할 때 사용자의 페이지 부하.

이후 2 개월 전 게시물로의 활성인지. 그래서 내 입력입니다 생각해봤죠 전달자로써 잘 알려져 있다.

저의 경우는 내가 받을 수 있는 카드에서 판독기에서 yyyy / mm / dd 는 날짜 형식.

• what i do. E. g.*

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

var d="16/09/2019" // date received from card
function filldate(){
    document.getElementById('cardexpirydate').value=d.split('/').reverse().join("-");
    }

<input type="date" id="cardexpirydate">

br, br /&gt &lt /&gt <;; &lt 입력입니다 유형 = &quot button";; 값 = &quot 칠합니다 date"; 온 클릭 = &quot &quot &gt 필다테 ();;;;

끝 - &lt 스니핏 >;!

• 어떤 코드 do:*

1. 분할합니다 최대한 어떤 난 이 날짜 / mm / dd yy (split () 를 사용하여) 를 바탕으로 /&quot "; 어레이에서는 하면,
2. 그리고 날짜 이후 입력입니다 up1 역동기화 반전합니다 어레이입니다 (reverse () 를 사용하여) 내가 프레젠테이션이든.
3. 그런 조인 (join () 를 사용하여) 를 따라 어레이로의 구체화하십시오 포맷 입력 필드를 필요한

이 모든 완료되어도 한 줄로.

그래서 이 생각해봤죠 이를 통해 1 정도의 썼다.