web-dev-qa-db-ja.com

JavaScript / JqueryでDD-Mon-YYYY形式で現在の日付を取得する

Javascriptで日付形式を「DD-Mon-YYYY」として取得する必要があります。 question を要求したところ、 jQuery date format と重複するマークが付けられました

ただし、質問で提供される回答は、「DD-MON-YYYY」ではなく「DD-MM-YYYY」形式で現在の日付を取得することです。第二に、datepickerプラグインを使用していません。

「DD-Mon-YYYY」形式で現在の日付を取得する方法を教えてください。

javascriptjquerydatedatetime
26
Tushar

DD-Mon-YYYYのjavascriptにはネイティブ形式はありません。

すべてを手動でまとめる必要があります。

答えは以下から着想を得ています： JavaScript日付のフォーマット方法

// Attaching a new function  toShortFormat()  to any instance of Date() class

Date.prototype.toShortFormat = function() {

    var month_names =["Jan","Feb","Mar",
                      "Apr","May","Jun",
                      "Jul","Aug","Sep",
                      "Oct","Nov","Dec"];
    
    var day = this.getDate();
    var month_index = this.getMonth();
    var year = this.getFullYear();
    
    return "" + day + "-" + month_names[month_index] + "-" + year;
}

// Now any Date object can be declared 
var today = new Date();


// and it can represent itself in the custom format defined above.
console.log(today.toShortFormat());    // 10-Jun-2018
52
Ahmad

Moment.jsライブラリーを使用する http://momentjs.com/ これにより、多くのトラブルが軽減されます。

moment().format('DD-MMM-YYYY');
19
techouse

toLocaleDateString とDD-mmm-YYYYに近い形式のハントを使用できます（ヒント：「en-GB」。スペースを「-」に置き換えるだけです）。

const date = new Date();
const formattedDate = date.toLocaleDateString('en-GB', {
  day: 'numeric', month: 'short', year: 'numeric'
}).replace(/ /g, '-');
console.log(formattedDate);
12
Jerome Anthony

カスタムの日付文字列形式関数を作成しました。これを使用できます。

var  getDateString = function(date, format) {
        var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        getPaddedComp = function(comp) {
            return ((parseInt(comp) < 10) ? ('0' + comp) : comp)
        },
        formattedDate = format,
        o = {
            "y+": date.getFullYear(), // year
            "M+": months[date.getMonth()], //month
            "d+": getPaddedComp(date.getDate()), //day
            "h+": getPaddedComp((date.getHours() > 12) ? date.getHours() % 12 : date.getHours()), //hour
             "H+": getPaddedComp(date.getHours()), //hour
            "m+": getPaddedComp(date.getMinutes()), //minute
            "s+": getPaddedComp(date.getSeconds()), //second
            "S+": getPaddedComp(date.getMilliseconds()), //millisecond,
            "b+": (date.getHours() >= 12) ? 'PM' : 'AM'
        };

        for (var k in o) {
            if (new RegExp("(" + k + ")").test(format)) {
                formattedDate = formattedDate.replace(RegExp.$1, o[k]);
            }
        }
        return formattedDate;
    };

そして今、あなたが：-

    var date = "2014-07-12 10:54:11";

したがって、この日付をフォーマットするには、次のように記述します。

var formattedDate = getDateString(new Date(date), "d-M-y")
2
Indra
/*
  #No parameters
  returns a date with this format DD-MM-YYYY
*/
function now()
{
  var d = new Date();
  var month = d.getMonth()+1;
  var day = d.getDate();

  var output = (day<10 ? '0' : '') + day + "-" 
              + (month<10 ? '0' : '') + month + '-'
              + d.getFullYear();

  return output;
}
1
gtzinos

データを渡すchangeFormate（15/07/2020）

  changeFormate(date) {
let month_names = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
let incomingDateChnge: any = new Date(date);
let incomingDay = incomingDateChnge.getDate();
let incomingMonth = incomingDateChnge.getMonth();

let incomingYear = incomingDateChnge.getFullYear();
if (incomingDay < 10) {
  incomingDay = '0' + incomingDay;
}

incomingDateChnge = incomingDay + ' ' + month_names[incomingMonth] + ' ' + incomingYear;
return incomingDateChnge;
 }
1
Anikesh Dhanokar
const date = new Date();

date.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' }))
0
Sakshi Nagpal
//convert DateTime result in jquery mvc 5 using entity fremwork 

const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];


function DateAndTime(date) {

    var value = new Date
        (
        parseInt(date.replace(/(^.*\()|([+-].*$)/g, ''))
    ); 
    var dat = value.getDate() +
        "-" +
        monthNames[value.getMonth()] +
        "-" +
        value.getFullYear();

    var hours = value.getHours();
    var minutes = value.getMinutes();
    var ampm = hours >= 12 ? 'PM' : 'AM';
    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    minutes = minutes < 10 ? '0' + minutes : minutes;
    var strTime = hours + ':' + minutes + ' ' + ampm;
    return { Date: dat, Time: strTime };
}
// var getdate = DateAndTime(StartDate);
//var Date = getdate.Date;//here get date
//var time = getdate.Time;//here get Time
//alert(Date)
0
Ganesh Kumar Pandey

dD-MM-YYYYは単なる形式の1つです。 jqueryプラグインの形式は、このリストに基づいています： http://docs.Oracle.com/javase/7/docs/api/Java/text/SimpleDateFormat.html

chromeコンソールで次のコードをテストしました：

test = new Date()
test.format('d-M-Y')
"15-Dec-2014"
0
Vince V.