在JavaScript / Jquery中以DD-Mon-YYYY格式获取当前日期

时间:2014-12-15 08:49:55

标签: javascript jquery date datetime

我需要将日期格式设为' DD-Mon-YYYY'在javascript中。 我问了一个question,它被标记为jQuery date formatting

但是,问题中提供的答案是将当前日期记录在" DD-MM-YYYY"格式而不是" DD-MON-YYYY"。 其次,我没有使用datepicker插件。

你能帮助我,好像如何在" DD-Mon-YYYY"格式。

15 个答案:

答案 0 :(得分:50)

j DD-Mon-YYYY中没有原生格式。

您必须手动将它们全部放在一起。

答案的灵感来自: How to format a JavaScript date



// 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




答案 1 :(得分:18)

使用Moment.js库http://momentjs.com/它可以为您节省很多麻烦。

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

答案 2 :(得分:11)

您可以使用toLocaleDateString并寻找接近DD-mmm-YYYY的格式(提示:' zh-CN&#39 ;;您只需要替换空格' - '。)



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




答案 3 :(得分:2)

已经制作了自定义日期字符串格式功能,您可以使用它。

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

现在假设你&#39; vs: -

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

所以要格式化这个日期,你要写: -

var formattedDate = getDateString(new Date(date), "d-M-y")

答案 4 :(得分:2)

使用Intl对象(或通过 toLocaleString )有点问题,但可以使用formatToParts method并手动将零件按顺序进行精确设置,例如

function formatDate(date = new Date()) {
  let {day, month, year} = new Intl.DateTimeFormat('en', {
    day:'2-digit',
    month: 'short',
    year: 'numeric'
  }).formatToParts(date).reduce((acc, part) => {
    if (part.type != 'literal') {
      acc[part.type] = part.value;
    }
    return acc;
  }, Object.create(null));
  return `${day}-${month}-${year}`;
}

console.log(formatDate());

formatToParts 返回的数组上使用 reduce 会修剪文字并创建一个具有命名属性的对象,然后将该对象分配给变量并最终进行格式化。

尽管英文名可能带有标点符号,但该功能对于英语以外的其他语言并不总是能很好地起作用。

答案 5 :(得分:1)

DD-MM-YYYY只是其中一种格式。 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"

答案 6 :(得分:1)

/*
  #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;
}

答案 7 :(得分:1)

可以通过toLocaleDateString

完成

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

<script>
const date = new Date();
const formattedDate = date.toLocaleDateString('en-GB', {
  day: '2-digit', month: 'short', year: 'numeric'
}).replace(/ /g, '-');
document.write(formattedDate);
</script>

答案 8 :(得分:0)

const date = new Date();

date.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' }))

答案 9 :(得分:0)

//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)

答案 10 :(得分:0)

传递数据 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;
 }

答案 11 :(得分:0)

这是使用TypeScript的简单解决方案:

  convertDateStringToDate(dateStr) {
    //  Convert a string like '2020-10-04T00:00:00' into '4/Oct/2020'
    let months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    let date = new Date(dateStr);
    let str = date.getDate()
                + '/' + months[date.getMonth()]
                + '/' + date.getFullYear()
    return str;
  }

(是的,我知道问题是关于JavaScript的,但是我敢肯定我不会是这篇文章中唯一的Angular开发人员!)

答案 12 :(得分:-1)

var date = new Date();

console.log(date.toJSON().slice(0,10).replace(new RegExp("-", 'g'),"/" ).split("/").reverse().join("/")+" "+date.toJSON().slice(11,19));

// output:01/09/2016 18:30:00

答案 13 :(得分:-2)

&#13;
&#13;
            var today = new Date();           

            var formattedtoday = today.getDate() + '-' + (today.getMonth() + 1) + '-' + today.getFullYear();
            
            alert(formattedtoday);
&#13;
&#13;
&#13;

答案 14 :(得分:-6)

使用日期格式 dd-MM-yy 。它将输出如:2014年12月16日。