programing

입력 타입="날짜" 형식을 변경할 수 있는 방법이 있습니까?

skycolor 2023. 4. 22. 09:10
반응형

입력 타입="날짜" 형식을 변경할 수 있는 방법이 있습니까?

" " " 입니다.type="date"를 '일정'으로 .YYYY-MM-DD.

는 이렇게할 수 DD-MM-YYYY

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

유선 형식과 브라우저의 프레젠테이션 형식을 구분해야 합니다.

와이어 포맷

HTML5 날짜 입력 사양은 RFC 3339 사양을 참조하고 있습니다.이 규격은 다음과 같은 풀 날짜 형식을 지정합니다.yyyy-mm-dd상세한 것에 대하여는, RFC 3339 사양의 섹션 5.6 를 참조해 주세요.

은 을에서 사용합니다.valueHTML 속성 및 DOM 속성이며 일반 양식 제출을 수행할 때 사용됩니다.

프레젠테이션 형식

브라우저는 날짜 입력을 표시하는 방법에 제한이 없습니다.Chrome, Edge, Firefox 및 Opera는 날짜를 지원합니다(여기를 참조하십시오).모두 달력 보기를 표시하고 입력 필드의 텍스트 형식을 지정합니다.

데스크톱 디바이스

Chrome, Firefox 및 Opera의 경우 입력 필드의 텍스트 형식은 브라우저 언어 설정에 따라 결정됩니다.엣지(Edge) 윈도우(Windows)안타깝게도 모든 웹 브라우저는 운영 체제에서 설정된 날짜 형식을 무시합니다.이것은 매우 이상한 동작이며, 이 입력 유형을 사용할 때 고려해야 할 사항입니다. 또는 를 로 입니다.en-us요.01/30/2019기존 형식 대신 다음과 같은 형식을 사용합니다.30-01-2019.

Internet Explorer 9, 10, 및 11에 와이어 형식의 텍스트 입력 필드가 표시됩니다.

모바일 디바이스

특히 Android의 Chrome의 경우 포맷은 Android 디스플레이 언어를 기반으로 합니다.다른 브라우저도 마찬가지라고 생각합니다만, 아직 확인할 수 없습니다.

이 질문을 받은 이후 웹 분야에서 많은 일이 일어났으며, 가장 흥미로운 것 중 하나는 웹 컴포넌트의 랜딩입니다.요구에 맞게 설계된 커스텀 HTML5 요소로 우아하게 이 문제를 해결할 수 있습니다.html 태그의 동작을 덮어쓰기/변경하고 싶다면 섀도우 돔을 사용하여 재생하는 것을 빌드하면 됩니다.

좋은 소식은 이미 많은 보일러 플레이트를 사용할 수 있기 때문에 처음부터 해결책을 찾을 필요가 없다는 것입니다.사람들이 무엇을 만들고 있는지 확인하고 거기서 아이디어를 얻으세요.

폴리머의 datetime-input과 같은 심플한(및 동작하는) 솔루션으로 시작할 수 있습니다.이 솔루션에서는 다음과 같은 태그를 사용할 수 있습니다.

 <date-input date="{{date}}" timezone="[[timezone]]"></date-input>

또는 원하는 포맷과 로케일, 콜백, 긴 옵션 목록(전체 커스텀 API를 자유롭게 사용할 수 있습니다!)을 사용하여 원하는 대로 원하는 스타일링을 할 수 있습니다.

표준 준거, 해킹 없음.

사용 가능한 폴리필, 지원되는 브라우저/버전, 사용자 베이스의 %를 커버하고 있는지 다시 한 번 확인합니다.2018년이므로 대부분의 사용자를 대상으로 할 가능성이 높습니다.

도움이 됐으면 좋겠다!

앞서 말한 바와 같이 공식적으로 포맷을 변경할 수 없습니다.그러나 필드를 스타일링할 수 있으므로(약간의 JS 도움말을 사용하여) 원하는 형식으로 날짜를 표시합니다.이러한 방법으로 날짜 입력을 조작할 수 있는 가능성이 일부 상실되지만, 포맷을 강제하려는 욕구가 더 큰 경우 이 해결 방법이 될 수 있습니다.날짜 필드는 다음과 같이 유지됩니다.

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

나머지는 CSS와 JS의 일부입니다.http://jsfiddle.net/g7mvaosL/

$("input").on("change", function() {
    this.setAttribute(
        "data-date",
        moment(this.value, "YYYY-MM-DD")
        .format( this.getAttribute("data-date-format") )
    )
}).trigger("change")
input {
    position: relative;
    width: 150px; height: 20px;
    color: white;
}

input:before {
    position: absolute;
    top: 3px; left: 3px;
    content: attr(data-date);
    display: inline-block;
    color: black;
}

input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: none;
}

input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 3px;
    right: 0;
    color: black;
    opacity: 1;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<input type="date" data-date="" data-date-format="DD MMMM YYYY" value="2015-08-09">

데스크톱용 Chrome과 iOS용 Safari에서 잘 작동합니다(터치 스크린의 네이티브 날짜 조작기는 IMHO에 필적할 수 없기 때문에 특히 바람직합니다).다른 사용자를 확인하지 않았지만 웹킷에서 실패할 것으로 예상하지 않습니다.

다음가지 형식을 구별하는 것이 중요합니다.

  • RFC 3339/ISO 8601 "와이어 형식": YYY-MM-DD.HTML5 사양에 따르면 양식 제출 시 또는 DOM API를 통해 요청 시 입력 값에 사용해야 하는 형식입니다.로케일과 지역에 의존하지 않습니다.
  • 사용자 인터페이스 컨트롤에 의해 표시되며 사용자 입력으로 받아들여지는 형식.브라우저 벤더는 사용자의 기본 설정을 따르는 것이 좋습니다.예를 들어 [Language & Text Preferences]페인으로 [United States]지역이 선택되어 있는 Mac OS에서는 Chrome 20은 [m/d/yy]형식을 사용합니다.

HTML5 사양에는 두 형식을 덮어쓰거나 수동으로 지정하는 방법이 포함되어 있지 않습니다.

포맷을 변경하는 방법을 찾았습니다.어렵습니다.날짜 입력 필드의 모양을 CSS 코드만으로 변경했습니다.

input[type="date"]::-webkit-datetime-edit, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button {
  color: #fff;
  position: relative;
}

input[type="date"]::-webkit-datetime-edit-year-field{
  position: absolute !important;
  border-left:1px solid #8c8c8c;
  padding: 2px;
  color:#000;
  left: 56px;
}

input[type="date"]::-webkit-datetime-edit-month-field{
  position: absolute !important;
  border-left:1px solid #8c8c8c;
  padding: 2px;
  color:#000;
  left: 26px;
}


input[type="date"]::-webkit-datetime-edit-day-field{
  position: absolute !important;
  color:#000;
  padding: 2px;
  left: 4px;
  
}
<input type="date" value="2019-12-07">

브라우저가 로컬 날짜 형식을 사용할 것 같습니다.바꿀 수 있다고 생각하지 마세요.물론 사용자 정의 달력 보기를 사용할 수 있습니다.

은 마지막 구글 크롬 이 사용되었습니다.type=date은 '먹다' 입니다.DD-MM-YYYY.

그래서 특정 형식을 강제하는 방법이 있을 것입니다.HTML5 웹 페이지를 개발 중인데 날짜 검색이 다른 형식으로 실패합니다.

저는 2년 전에 이 문제를 검색했고, 구글 검색 결과 다시 이 질문으로 넘어갑니다.순수한 JavaScript를 사용하여 이 문제를 처리하려고 시간을 낭비하지 마십시오.했다.dd/mm/yyyy모든 브라우저에 적합한 완전한 솔루션은 없습니다.그래서 나는 모멘트를 사용하는 것을 추천한다.JS / jQuery 날짜 선택기 또는 클라이언트에 기본 날짜 형식으로 작업하도록 지시합니다.

브라우저는 사용자의 시스템 날짜 형식에서 날짜 입력 형식을 가져옵니다.

(지원 브라우저, Chrome, Edge에서 테스트 완료)

현재 날짜 제어 스타일을 변경할 수 있는 규격이 스펙에 정의되어 있지 않아 브라우저에서는 구현할 수 없습니다.

입력[type=date]의 텍스트 필드에 회색 텍스트로 표시된 날짜 형식을 사용하여 날짜 값을 입력할 수 있습니다.이 형식은 운영 체제의 설정에서 가져옵니다.현재 형식을 지정하는 기준이 없기 때문에 웹 작성자는 날짜 형식을 변경할 방법이 없습니다.

따라서 변경할 필요가 없습니다.아무것도 변경하지 않으면 시스템/디바이스 설정에서 설정한 것과 같은 날짜 입력 형식이 사용자에게 표시됩니다.또, 그 로케일에 익숙하거나 일치하는 형식도 표시됩니다.

이는 사용자가 볼 수 있는 화면상의 UI 형식일 뿐이며, JavaScript/백엔드에서는 원하는 포맷으로 작업할 수 있습니다.

Chrome 형식(예: "MM/DD/YYY"에서 "DD/MM/YYY")을 변경하려면 [설정(Settings)]> [상세설정(Advanced)]> [언어 추가(Add language UK)]를 선택합니다.그 후, 다음과 같이 입력합니다.

Chrome 설정 다시 시작

브라우저가 재부팅되면 다음과 같은 날짜 입력 필드가 나타납니다.© 25 / 01 / 2022

구글 개발자 페이지도 참고하세요.

동일한 WHATWG git 허브 쿼리

다음 날짜 입력을 사용하여 테스트:

<input type="date" id="dob" value=""/>

yyy-mm-dd를 "dd- 9월 - 2016"으로 만들기 위해 빠른 솔루션이 필요한 경우 이 방법을 사용해 보십시오.

1) 입력 부근에 1스판 클래스 작성(라벨로 동작)

2) 사용자에 의해 날짜가 변경될 때마다 또는 데이터에서 로딩해야 할 때마다 라벨을 업데이트합니다.

IE11+용 웹킷 브라우저 모바일 및 포인터 이벤트에서 작동하려면 jQuery 및 JQuery 날짜가 필요합니다.

$("#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>

많은 토론을 읽고 간단한 해결책을 준비했지만 Jquery와 CSS를 많이 사용하고 싶지 않고 javascript만 사용하고 싶습니다.

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;
}

Javascript 코드:

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;
}

출력:

여기에 이미지 설명 입력

말씀드렸듯이<input type=date ... >대부분의 브라우저에서는 완전히 구현되어 있지 않기 때문에 브라우저(브라우저)와 같은 웹킷에 대해 설명하겠습니다.

변경으로 할 수 .LANG,LC_TIME이데올로기 때문에

하시면 됩니다.locale현재 값을 확인합니다.IOS에도 같은 컨셉을 적용할 수 있다고 생각합니다.

예: 사용방법:

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

는 짜음음음음음음음음 the the the 로 표시되어 있습니다.mm/dd/yyyy

사용방법:

LANG=pt_BR /opt/google/chrome/chrome

는 짜음음음음음음음음 the the the 로 표시되어 있습니다.dd/mm/yyyy

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:

$ date +%x
01-06-2015

지.........LC_TIME ★★★★★★★★★★★★★★★★★」d_fmtChrome에 의해 거부된 것 같습니다(Webkit 또는 Chrome에 버그가 있는 것 같습니다). 안타깝게도 동작하지 않습니다. : ' (

아쉽게도 'IF'입니다.LANG환경변수는 당신의 문제를 해결하지 못한다. 아직 방법이 없다.

사용자의 컴퓨터나 모바일 기본 날짜 형식을 사용하여 웹 키트 브라우저를 변경할 수 없습니다.그러나 jquery와 jquery UI를 사용할 수 있는 경우 개발자가 원하는 어떤 형식으로든 표시할 수 있는 날짜 선택기가 있습니다.jquery UI 날짜 표시 링크는 이 페이지에 있습니다.http://jqueryui.com/datepicker/ 에서는 데모뿐만 아니라 코드와 문서 또는 문서 링크도 찾을 수 있습니다.

편집: Chrome은 기본적으로 시스템 설정과 동일한 언어 설정을 사용하지만 사용자는 변경할 수 있지만 개발자는 강제로 변경할 수 없으므로 js 솔루션을 사용해야 합니다. javascript date-picker 또는 jquery date-picker와 같은 쿼리를 사용하여 웹을 검색할 수 있습니다.

두 달 전부터 게시물이 활성화되어 있습니다.그래서 저도 제 의견을 말씀드려야겠다고 생각했어요.

제 경우 dd/mm/yyy 형식의 카드 리더로부터 날짜를 받습니다.

내가 하는 일. 예.

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 />
<input type="button" value="fill the date" onclick="filldate();">

코드 기능:

  1. "/"에 따라 dd/mm/yyy(split() 사용)로 받은 날짜를 분할하여 배열을 만듭니다.
  2. 그런 다음 날짜 입력이 내가 얻은 것과 반대로 지원되므로 (reverse()를 사용하여) 배열을 반전시킵니다.
  3. 그런 다음 입력 필드에 필요한 형식에 따라 어레이를 문자열에 결합합니다(join()).

이 모든 것은 한 줄로 이루어집니다.

이게 도움이 될 것 같아서 이 글을 썼어요.

나는 미겔의 코드를 이해하기 쉽게 조정했고, 나처럼 문제가 있는 사람들과 공유하고 싶어.

쉽고 빠른 방법으로 시험해 보십시오.

$("#datePicker").on("change", function(e) {

  displayDateFormat($(this), '#datePickerLbl', $(this).val());

});

function displayDateFormat(thisElement, datePickerLblId, dateValue) {

  $(thisElement).css("color", "rgba(0,0,0,0)")
    .siblings(`${datePickerLblId}`)
    .css({
      position: "absolute",
      left: "10px",
      top: "3px",
      width: $(this).width()
    })
    .text(dateValue.length == 0 ? "" : (`${getDateFormat(new Date(dateValue))}`));

}

function getDateFormat(dateValue) {

  let d = new Date(dateValue);

  // this pattern dd/mm/yyyy
  // you can set pattern you need
  let dstring = `${("0" + d.getDate()).slice(-2)}/${("0" + (d.getMonth() + 1)).slice(-2)}/${d.getFullYear()}`;

  return dstring;
}
.date-selector {
  position: relative;
}

.date-selector>input[type=date] {
  text-indent: -500px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="date-selector">
  <input id="datePicker" class="form-control" type="date" onkeydown="return false" />
  <span id="datePickerLbl" style="pointer-events: none;"></span>
</div>

Firefox(미지의 버전 이후)의 [Settings]> [ Language ]에서 다음 옵션이 추가되었습니다."스페인어(스페인)" 운영 체제 설정을 사용하여 날짜, 시간, 숫자 및 단위를 포맷합니다.

이 옵션은 운영 체제의 로케일을 사용하여 날짜를 표시합니다.디폴트로 유효하게 되어 있지 않은 것이 유감입니다(신규 인스톨로부터 유효하게 되어 있는 경우가 있습니다).

각도 편차(및 기타)는 이 부분 해법을 고려할 수 있습니다.

입력 필드의 초점 상태를 검출하고, 날짜와 텍스트 타입을 적절히 전환하는 것이 전략이었습니다.분명한 단점은 입력 포커스에 따라 날짜 형식이 변경된다는 것입니다.

완벽하지는 않지만, 특히 웹 앱에서 텍스트로 표시되는 날짜와 입력 날짜의 경우, 상당한 수준의 일관성을 보장합니다.날짜를 하나만 입력하면 별로 도움이 되지 않습니다.

<input class="form-control"
       [type]="myInputFocus ? 'date' : 'text'"
       id="myInput"
       name="myInput"
       #myInput="ngModel"
       [(ngModel)]="myDate"
       (focus)="myInputFocus = true"
       (blur)="myInputFocus = false">

그냥 돼요.myInputFocus = false컴포넌트 클래스의 선두에 있습니다. 지적합니다.myDate이데올로기 때문에

@safi eddine @Hezbullah Shah 덕분입니다.

img1

img2

img3

img4

바닐라 포함 데이트 피커JS 및 CSS

CSS - 스타일:

/*================== || Date Picker ||=======================================================================================*/

/*-------Removes the // Before dd - day------------------------*/
input[type="date"]::-webkit-datetime-edit-text
{
    color: transparent;    
}




/*------- DatePicker ------------------------*/
input[type="date"] {
    background-color: aqua;
    border-radius: 4px;
    border: 1px solid #8c8c8c;
    font-weight: 900;
}





/*------- DatePicker - Focus ------------------------*/
input[type="date"]:focus 
{
    outline: none;
    box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);
}






input[type="date"]::-webkit-datetime-edit, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button {
    color: #fff;
    position: relative;    
}



    /*------- Year ------------------------*/
    input[type="date"]::-webkit-datetime-edit-year-field {
        position: absolute !important;
        border-left: 1px solid #8c8c8c;
        padding: 2px;
        color: #000;
        left: 56px;
    }


    /*------- Month ------------------------*/
    input[type="date"]::-webkit-datetime-edit-month-field {
        position: absolute !important;
        border-left: 1px solid #8c8c8c;
        padding: 2px;
        color: #000;
        left: 26px;
    }



    /*------- Day ------------------------*/
    input[type="date"]::-webkit-datetime-edit-day-field {
        position: absolute !important;
        color: #000;
        padding: 2px;
        left: 4px;
    }

자바스크립트:

 // ================================ || Format Date Picker || ===========================================================
    function GetFormatedDate(datePickerID)
    {
        let rawDate = document.getElementById(datePickerID).value; // Get the Raw Date
        return rawDate.split('-').reverse().join("-"); // Reverse the date
    }

사용방법:

 document.getElementById('datePicker').onchange = function () { alert(GetFormatedDate('datePicker')); }; // The datepickerID

const birthday = document.getElementById("birthday");

const button = document.getElementById("wishBtn");


button.addEventListener("click", () => {
  let dateValue = birthday.value;
  // Changing format :)
  dateValue = dateValue.split('-').reverse().join('-');

  alert(`Happy birthday king/Queen of ${dateValue}`);
});
<input type="date" id="birthday" name="birthday" value="2022-10-10"/>

<button id="wishBtn">Clik Me</button>

그렇지 않아, 아니야.

해킹이 가능하지만 매우 슬림하고 커스터마이즈 가능한 솔루션은 다음과 같습니다.

  1. 날짜 입력 숨기기(CSS 가시성: 숨김)(계속 달력 팝업 표시)
  2. 그 위에 텍스트 입력 입력
  3. 텍스트 입력 클릭 시 JS를 사용하여 날짜 입력 요소를 가져오고 .showPicker()를 호출합니다.
  4. 다른 위치에 달력 보기 값 저장
  5. 텍스트 입력에서 원하는 사용자 지정 형식으로 값 표시

다음은 반응 코드의 예입니다.

               <div style={{ width: "100%", position: "relative" }}>
                    <input type="date" className={`form-control ${props.filters[dateFromAccessor] ? '' : 'bh-hasNoValue'}`} id={`${accessor}-date-from`} placeholder='from'
                        value={toDate(props.filters[dateFromAccessor])} style={{ marginRight: 0, visibility: "hidden" }}
                        onChange={e => {
                            props.setFilters({ ...props.filters, [dateFromAccessor]: inputsValueToNumber(e) })
                        }} />
                    <input type="text" className="form-control" readOnly
                        style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%", backgroundColor: "white" }}
                        value={toDate(props.filters[dateFromAccessor])}
                        onClick={(e) => {
                        e.stopPropagation();
                        e.preventDefault();
                        (document.getElementById(`${accessor}-date-from`) as any)?.showPicker();
                    }}></input>
                </div>

오래된 게시물인 것은 알지만 구글 검색의 첫 번째 제안으로 나타납니다.짧은 답변, 커스텀 날짜 피커에 대한 답변, 제가 사용하는 정답은 텍스트 상자를 사용하여 날짜 입력을 시뮬레이션하고 원하는 형식을 수행하는 것입니다. 다음은 코드입니다.

<html>
<body>
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">&#9660;</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>
  </body>
</html>

1- 이 방법은 날짜 유형을 지원하는 브라우저에서만 작동합니다.

2- JS 코드의 첫 번째 함수는 날짜 유형을 지원하지 않고 모양을 일반 텍스트 입력으로 설정하는 브라우저용입니다.

3- 페이지 내의 여러 날짜 입력에 이 코드를 사용하는 경우 함수 호출과 입력 자체 모두에서 텍스트 입력의 ID "xTime"을 다른 것으로 변경하십시오. 물론 폼 제출에 원하는 입력의 이름을 사용하십시오.

4-두 번째 함수에서는 day+" / "+month+" / "+year 예를 들어 year+" / "+month+" / "+day" 대신 원하는 형식을 사용할 수 있습니다.텍스트 입력에서는 페이지 로드 시 플레이스 홀더 또는 값을 yyyy/mm/ddd로 사용합니다.

언급URL : https://stackoverflow.com/questions/7372038/is-there-any-way-to-change-input-type-date-format

반응형