jQuery 날짜 형식 지정
jQuery를 사용하여 날짜를 포맷하려면 어떻게 해야 합니까?아래 코드를 사용하고 있는데 오류가 발생합니다.
$("#txtDate").val($.format.date(new Date(), 'dd M yy'));
해결책을 제시해 주시기 바랍니다.
페이지에 jqueryui 플러그인을 추가합니다.
$("#txtDate").val($.datepicker.formatDate('dd M yy', new Date()));
jQuery dateFormat은 별도의 플러그인입니다.당신은 그것을 명시적으로 로드해야 합니다.<script>꼬리표를 달다
jQuery/j를 사용하지 않으려면 간단한 jsdate() 함수를 사용할 수도 있습니다.쿼리 플러그인:
예:
var formattedDate = new Date("yourUnformattedOriginalDate");
var d = formattedDate.getDate();
var m = formattedDate.getMonth();
m += 1; // JavaScript months are 0-11
var y = formattedDate.getFullYear();
$("#txtDate").val(d + "." + m + "." + y);
참고: JavaScript를 사용하여 시간과 날짜를 포맷하는 10가지 방법
일/월에 선행 0을 추가하려면 이는 완벽한 예입니다. Javascript에서 선행 0을 현재까지 추가합니다.
선행 0으로 시간을 추가하려면 getMinutes() 0-9를 사용하십시오. 두 개의 숫자를 사용하는 방법은 무엇입니까?
다음은 외부 플러그인이 필요 없는 정말 기본적인 기능입니다.
$.date = function(dateObject) {
var d = new Date(dateObject);
var day = d.getDate();
var month = d.getMonth() + 1;
var year = d.getFullYear();
if (day < 10) {
day = "0" + day;
}
if (month < 10) {
month = "0" + month;
}
var date = day + "/" + month + "/" + year;
return date;
};
사용:
$.date(yourDateObject);
결과:
dd/mm/yyyy
저는 Moment JS를 사용하고 있습니다.매우 유용하고 사용하기 쉽습니다.
var date = moment(); //Get the current date
date.format("YYYY-MM-DD"); //2014-07-10
TulasiRam, 당신의 제안이 더 좋습니다.약간 다른 구문/컨텍스트에서 잘 작동합니다.
var dt_to = $.datepicker.formatDate('yy-mm-dd', new Date());
JQuery UI에서 날짜 선택기를 사용하기로 결정한 경우 문서의 <head> 섹션에서 적절한 참조를 사용해야 합니다.
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
이 코드가 당신의 문제를 해결해 주기를 바랍니다.
var d = new Date();
var curr_day = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
var curr_sec = d.getSeconds();
curr_month++ ; // In js, first month is 0, not 1
year_2d = curr_year.toString().substring(2, 4)
$("#txtDate").val(curr_day + " " + curr_month + " " + year_2d)
이 기능을 에 추가합니다.<script></script>그리고 그 안에서 당신이 원하는 곳 어디든 전화하세요.<script></script>
<script>
function GetNow(){
var currentdate = new Date();
var datetime = currentdate.getDate() + "-"
+ (currentdate.getMonth()+1) + "-"
+ currentdate.getFullYear() + " "
+ currentdate.getHours() + ":"
+ currentdate.getMinutes() + ":"
+ currentdate.getSeconds();
return datetime;
}
window.alert(GetNow());
</script>
또는 포맷 기능을 제공하는 Jquery를 사용할 수 있습니다.
window.alert(Date.parse(new Date()).toString('yyyy-MM-dd H:i:s'));
두 번째 옵션이 마음에 듭니다.모든 문제를 한 번에 해결합니다.
만약 당신이 jqueryui를 사용한다면, 당신은 아래와 같이 그것을 사용할 수 있습니다, 당신은 당신 자신의 날짜 형식을 지정할 수 있습니다.
$.datepicker.formatDate( "D dd-M-yy", new Date()) // Output "Fri 08-Sep-2017"
다음을 사용합니다.
var date_str=('0'+date.getDate()).substr(-2,2)+' '+('0'+date.getMonth()).substr(-2,2)+' '+('0'+date.getFullYear()).substr(-2,2);
이 질문은 몇 년 전에 제기되었지만 문제의 날짜 값이 형식이 지정된 문자열인 경우 더 이상 jQuery 플러그인이 필요하지 않습니다.mm/dd/yyyy(예: 날짜 표시기를 사용할 때);
var birthdateVal = $('#birthdate').val();
//birthdateVal: 11/8/2014
var birthdate = new Date(birthdateVal);
//birthdate: Sat Nov 08 2014 00:00:00 GMT-0500 (Eastern Standard Time)
새 사용자 jQuery 함수 'getDate'를 추가할 수 있습니다.
JSFidle: 날짜 jQuery 가져오기
코드 스니펫을 실행할 수도 있습니다.이 게시물 아래에 있는 "코드 스니펫 실행" 버튼을 누르기만 하면 됩니다.
// Create user jQuery function 'getDate'
(function( $ ){
$.fn.getDate = function(format) {
var gDate = new Date();
var mDate = {
'S': gDate.getSeconds(),
'M': gDate.getMinutes(),
'H': gDate.getHours(),
'd': gDate.getDate(),
'm': gDate.getMonth() + 1,
'y': gDate.getFullYear(),
}
// Apply format and add leading zeroes
return format.replace(/([SMHdmy])/g, function(key){return (mDate[key] < 10 ? '0' : '') + mDate[key];});
return getDate(str);
};
})( jQuery );
// Usage: example #1. Write to '#date' div
$('#date').html($().getDate("y-m-d H:M:S"));
// Usage: ex2. Simple clock. Write to '#clock' div
function clock(){
$('#clock').html($().getDate("H:M:S, m/d/y"))
}
clock();
setInterval(clock, 1000); // One second
// Usage: ex3. Simple clock 2. Write to '#clock2' div
function clock2(){
var format = 'H:M:S'; // Date format
var updateInterval = 1000; // 1 second
var clock2Div = $('#clock2'); // Get div
var currentTime = $().getDate(format); // Get time
clock2Div.html(currentTime); // Write to div
setTimeout(clock2, updateInterval); // Set timer 1 second
}
// Run clock2
clock2();
// Just for fun
// Usage: ex4. Simple clock 3. Write to '#clock3' span
function clock3(){
var formatHM = 'H:M:'; // Hours, minutes
var formatS = 'S'; // Seconds
var updateInterval = 1000; // 1 second
var clock3SpanHM = $('#clock3HM'); // Get span HM
var clock3SpanS = $('#clock3S'); // Get span S
var currentHM = $().getDate(formatHM); // Get time H:M
var currentS = $().getDate(formatS); // Get seconds
clock3SpanHM.html(currentHM); // Write to div
clock3SpanS.fadeOut(1000).html(currentS).fadeIn(1); // Write to span
setTimeout(clock3, updateInterval); // Set timer 1 second
}
// Run clock2
clock3();<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div id="date"></div><br>
<div id="clock"></div><br>
<span id="clock3HM"></span><span id="clock3S"></span>맛있게 드세요!
이 스니펫을 사용할 수 있습니다.
$('.datepicker').datepicker({
changeMonth: true,
changeYear: true,
yearRange: '1900:+0',
defaultDate: '01 JAN 1900',
buttonImage: "http://www.theplazaclub.com/club/images/calendar/outlook_calendar.gif",
dateFormat: 'dd/mm/yy',
onSelect: function() {
$('#datepicker').val($(this).datepicker({
dateFormat: 'dd/mm/yy'
}).val());
}
});<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<p>
selector: <input type="text" class="datepicker">
</p>
<p>
output: <input type="text" id="datepicker">
</p>간단히 날짜를 다음과 같이 형식을 지정할 수 있습니다.
var month = date.getMonth() + 1;
var day = date.getDate();
var date1 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + date.getFullYear();
$("#txtDate").val($.datepicker.formatDate('dd/mm/yy', new Date(date1)));
여기서 "날짜"는 모든 형식의 날짜입니다.
여기를 보십시오.
https://github.com/mbitto/jquery.i18Now
이 jQuery 플러그인은 원하는 날짜와 시간을 포맷하고 변환할 수 있도록 도와줍니다.
달력 보기를 작성할 때 날짜 형식 옵션을 사용합니다.
$("#startDate").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'yy/mm/dd'
});
플러그인 없이 아래 코드를 사용할 수 있습니다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
$( function() {
//call the function on page load
$( "#datepicker" ).datepicker();
//set the date format here
$( "#datepicker" ).datepicker("option" , "dateFormat", "dd-mm-yy");
// you also can use
// yy-mm-dd
// d M, y
// d MM, y
// DD, d MM, yy
// 'day' d 'of' MM 'in the year' yy (With text - 'day' d 'of' MM 'in the year' yy)
} );
</script>
Pick the Date: <input type="text" id="datepicker">http://www.datejs.com/ 를 사용해 볼 수 있습니다.
$('#idInput').val( Date.parse("Jun 18, 2017 7:00:00 PM").toString('yyyy-MM-dd'));
비알
이것은 플러그인 없이 약간의 수정으로 저에게 효과가 있었습니다.
입력 : 2018년 4월 11일 수요일 00:00:00 GMT+0000
$.date = function(orginaldate) {
var date = new Date(orginaldate);
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();
if (day < 10) {
day = "0" + day;
}
if (month < 10) {
month = "0" + month;
}
var date = month + "/" + day + "/" + year;
return date;
};
$.date('Wed Apr 11 2018 00:00:00 GMT+0000')
출력: 2018/04/11
저는 이를 통해 이 문제를 해결했습니다. 플러그인이나 날짜 선택기 없이 해결했습니다.
GetDatePattern("MM/dd/yyyy");
function GetDatePattern(pattern)
{
var monthNames=["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
var todayDate = new Date();
var date = todayDate.getDate().toString();
var month = todayDate.getMonth().toString();
var year = todayDate.getFullYear().toString();
var formattedMonth = (todayDate.getMonth() < 10) ? "0" + month : month;
var formattedDay = (todayDate.getDate() < 10) ? "0" + date : date;
var result = "";
switch (pattern) {
case "M/d/yyyy":
formattedMonth = formattedMonth.indexOf("0") == 0 ? formattedMonth.substring(1, 2) : formattedMonth;
formattedDay = formattedDay.indexOf("0") == 0 ? formattedDay.substring(1, 2) : formattedDay;
result = formattedMonth + '/' + formattedDay + '/' + year;
break;
case "M/d/yy":
formattedMonth = formattedMonth.indexOf("0") == 0 ? formattedMonth.substring(1, 2) : formattedMonth;
formattedDay = formattedDay.indexOf("0") == 0 ? formattedDay.substring(1, 2) : formattedDay;
result = formattedMonth + '/' + formattedDay + '/' + year.substr(2);
break;
case "MM/dd/yy":
result = formattedMonth + '/' + formattedDay + '/' + year.substr(2);
break;
case "MM/dd/yyyy":
result = formattedMonth + '/' + formattedDay + '/' + year;
break;
case "yy/MM/dd":
result = year.substr(2) + '/' + formattedMonth + '/' + formattedDay;
break;
case "yyyy-MM-dd":
result = year + '-' + formattedMonth + '-' + formattedDay;
break;
case "dd-MMM-yy":
result = formattedDay + '-' + monthNames[todayDate.getMonth()].substr(3) + '-' + year.substr(2);
break;
case "MMMM d, yyyy":
result = todayDate.toLocaleDateString("en-us", { day: 'numeric', month: 'long', year: 'numeric' });
break;
}
}스택 오버플로에 대한 첫 번째 답변이기 때문에 2년 전과 같은 질문에 답변할 수 있을지 확신할 수 없지만, 여기 제 해결책이 있습니다.
MySQL 데이터베이스에서 날짜를 검색한 후 분할된 값을 사용합니다.
$(document).ready(function () {
var datefrommysql = $('.date-from-mysql').attr("date");
var arraydate = datefrommysql.split('.');
var yearfirstdigit = arraydate[2][2];
var yearlastdigit = arraydate[2][3];
var day = arraydate[0];
var month = arraydate[1];
$('.formatted-date').text(day + "/" + month + "/" + yearfirstdigit + yearlastdigit);
});
여기 바이올린이 있습니다.
브라우저에 표시된 전체 코드 예제입니다. 또한 도움이 되길 바랍니다. 감사합니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker functionality</title>
<link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- Javascript -->
<script>
$(function() {
$( "#datepicker" ).datepicker({
minDate: -100,
maxDate: "+0D",
dateFormat: 'yy-dd-mm',
onSelect: function(datetext){
$(this).val(datetext);
},
});
});
</script>
</head>
<body>
<!-- HTML -->
<p>Enter Date: <input type="text" id="datepicker"></p>
</body>
</html>
Moment JS Moment js 사용
$("#YourDateInput").val(moment($("#YourDateInput").val()).format('YYYY-MM-DD'));
당신은 이 코딩을 사용할 수 있습니다.
$('[name="tgllahir"]').val($.datepicker.formatDate('dd-mm-yy', new Date(data.tgllahir)));
언급URL : https://stackoverflow.com/questions/5250244/jquery-date-formatting
'programing' 카테고리의 다른 글
| 모서리가 둥근 편집 텍스트를 만드는 방법은 무엇입니까? (0) | 2023.07.29 |
|---|---|
| 오라클에서 날짜로부터 월 및 연도 추출 (0) | 2023.07.29 |
| 상위 컨테이너를 기준으로 요소의 위치/오프셋을 가져오시겠습니까? (0) | 2023.07.29 |
| Google App Engine Flexible env 가격 책정, $500 교육 (0) | 2023.07.29 |
| 아이폰/아이패드 앱 코드 난독화 - 가능한가?그럴 가치가 있나요? (0) | 2023.07.29 |