jquery - 使用 jquery 显示不同的日期格式

标签 jquery css

我想在我的 WordPress 网站上显示日期,就像图片一样,名称较长的月份会被缩写。 enter image description here

我的 jquery 看起来像这样:

jQuery(document).ready( function($){

    var txtFromDate, txtToDate;
  $("#txtFrom").datepicker({
    numberOfMonths: 1,
    onSelect: function(selected) {
      txtFromDate = selected;
      var dt = new Date(selected);
      dt.setDate(dt.getDate() + 1);
      $("#txtTo").datepicker("option", "minDate", dt);
    }
  });
  $("#txtTo").datepicker({
    numberOfMonths: 1,
    onSelect: function(selected) {
      txtToDate = selected;
      var dt = new Date(selected);
      dt.setDate(dt.getDate() - 1);
      $("#txtFrom").datepicker("option", "maxDate", dt);
    }
  });

  $('a#atributo').click(function() {
    // var link = day_1+month_1+year;
     var monthNames = [
        "Jan", "Feb", "Mar",
        "Apr", "May", "Jun", "Jul",
        "Aug", "Sep", "Oct",
        "Nov", "Dec"
      ];

    var date1 = $("#txtFrom").datepicker('getDate'),
        day_1  = date1.getDate(),  
        month_1 = date1.getMonth() + 1,              
        year_1 =  date1.getFullYear();

    var date2 = $("#txtTo").datepicker('getDate'),
        day_2  = date2.getDate(),  
        month_2 = date2.getMonth() + 1,              
        year_2 =  date2.getFullYear(); 

    var where = $('#selection :selected').text();
    var people = $('#search-pax :selected').val();

    $(this).attr("href", "http://www.lekkeslaap.co.za/akkommodasie-in/"+where+"?q="+where+"&start="+day_1+"+"+monthNames[month_1]+"+"+year_1+'&end='+day_2+'+'+monthNames[month_2]+'+'+year_2+'&pax='+people);
  });
});

现在,当我查看该网站时,它看起来像这样:

enter image description here

如何更改日期格式?

我找到了 this在 api 文档中,但我正在努力实现

希望大家帮忙,here my full pen for it

最佳答案

在“numberOfMonths:1”所在的逗号之后添加:

dateFormat: "d/M/yy"

欢迎您将斜杠改成破折号或什么都不改

关于jquery - 使用 jquery 显示不同的日期格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43346117/

相关文章:

javascript - jQuery 点击函数 : Show Div Based on Previous Radio Button Selection

html - 将 <button> 标签完全覆盖在 <div> 元素上

html - 垂直/水平图像在 DIV 内居中图像

javascript - GIPHY API - 如何搜索 Gif?

javascript - 箭头键在内容内不起作用可编辑

html - CSS 自适应样式 - 将滚动添加到没有定义高度的侧边栏

html - CSS 背景图片仅适用于 Chrome,不适用于其他浏览器

javascript - 按每隔一行对表进行排序

Javascript 函数仅在有警报时才有效

javascript - 使用 JQuery 检查邮政编码