js date-formatter

//这是一个用来格式化时间的扩展,只需要引用进来就可以,本案例是一个reactJS的写法
'use strict';
//this module is used to forma date
//if you want to extend more,you can add your code here
module.exports = function(module) {
  String.repeat = function(chr, count) {
    var str = "";
    for(var i = 0; i < count; i++) {
      str += chr;
    }
    return str;
  };

  String.prototype.padL = function(width, pad) {
    //not pad to left when width is 0
    if (!width || width < 1) {
      return this;
    }
    //if pad string is empty, pad a empty string here;
    if (!pad) {
      pad=" ";
    }
    var length = width - this.length;
    if (length < 1) {
      return this.substr(0,width);
    }
    return (String.repeat(pad,length) + this).substr(0,width);
  };

  String.prototype.padR = function(width, pad){
    //not pad to right when width is 0
    if (!width || width<1) {
      return this;
    }
    //if pad string is empty, pad a empty string here;
    if (!pad) {
      pad=" ";
    }
    var length = width - this.length;
    if (length < 1) {
      this.substr(0,width);
    }
    return (this + String.repeat(pad,length)).substr(0,width);
  };

  Date.prototype.formatDate = function(format){
    var date = this;
    //set a default formatter string
    if (!format) {
      format= "MM/dd/yyyy";
    }
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    format = format.replace("MM",month.toString().padL(2,"0"));

    if (format.indexOf("yyyy") > -1) {
      format = format.replace("yyyy",year.toString());
    } else if (format.indexOf("yy") > -1) {
      format = format.replace("yy",year.toString().substr(2,2));
    }
    format = format.replace("dd",date.getDate().toString().padL(2,"0"));
    var hours = date.getHours();
    if (format.indexOf("t") > -1) {
       if (hours > 11) {
          format = format.replace("t","pm");
       } else {
          format = format.replace("t","am");
       }
    }
    if (format.indexOf("HH") > -1) {
        format = format.replace("HH",hours.toString().padL(2,"0"));
    }
    if (format.indexOf("hh") > -1) {
        if (hours > 12) hours - 12;
        if (hours == 0) hours = 12;
        format = format.replace("hh",hours.toString().padL(2,"0"));
    }
    if (format.indexOf("mm") > -1) {
        format = format.replace("mm",date.getMinutes().toString().padL(2,"0"));
    }

    if (format.indexOf("ss") > -1) {
        format = format.replace("ss",date.getSeconds().toString().padL(2,"0"));
    }
    return format;
  };
};


//使用
var newTimer = new Date(new Date().getTime()).formatDate('yyyy-MM-dd HH:mm');

优化版

module.exports = function (timer, fmt = 'YYYY-MM-DD HH:mm:ss') {
  var date = new Date(timer)
  var o = {
    'M+': date.getMonth() + 1,
    'D+': date.getDate(),
    'h+': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12,
    'H+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds(),
    'q+': Math.floor((date.getMonth() + 3) / 3),
    'S': date.getMilliseconds()
  }
  var week = {
    '0': '\u65e5',
    '1': '\u4e00',
    '2': '\u4e8c',
    '3': '\u4e09',
    '4': '\u56db',
    '5': '\u4e94',
    '6': '\u516d'
  }
  if (/(Y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
  }
  if (/(E+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? '\u661f\u671f' : '\u5468') : '') + week[date.getDay() + ''])
  }
  for (var k in o) {
    if (new RegExp('(' + k + ')').test(fmt)) {
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
    }
  }
  return fmt
}
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将Long类型的年份绑定到el-date-picker组件,您需要进行一些额外的处理。el-date-picker组件通常接受一个日期对象作为v-model的值,而Long类型的年份不是一个日期对象。 您可以通过以下步骤将Long类型的年份绑定到el-date-picker组件: 1. 将Long类型的年份转换为日期对象。可以使用Java 8的`java.time`包来创建一个指定年份的日期对象。例如,您可以使用`LocalDate.ofYearDay(year, 1)`创建一个指定年份的日期对象。 2. 将日期对象转换为el-date-picker组件所需的字符串格式。el-date-picker通常接受一个字符串类型的日期值,您可以使用`DateTimeFormatter`将日期对象格式化为字符串。 3. 在el-date-picker组件上使用v-model绑定将转换后的字符串值。 以下是一个示例代码: ```vue <template> <div> <el-date-picker v-model="selectedYear" type="year" @change="handleYearChange"></el-date-picker> </div> </template> <script> import { ref } from 'vue'; import { DateTimeFormatter, LocalDate } from 'js-joda'; export default { setup() { const selectedYear = ref(''); function handleYearChange() { // 处理选中年份的逻辑 console.log(selectedYear.value); // 打印选中的年份 // 将字符串年份转换为Long类型 const year = parseInt(selectedYear.value); // 其他逻辑处理... // 示例:将Long类型的年份转换为日期对象 const dateObj = LocalDate.ofYearDay(year, 1); // 示例:将日期对象格式化为字符串 const formatter = DateTimeFormatter.ofPattern('yyyy'); const formattedDate = dateObj.format(formatter); console.log(formattedDate); // 打印格式化后的日期字符串 } return { selectedYear, handleYearChange }; } }; </script> ``` 在这个示例中,我们使用Vue 3和js-joda库来处理日期相关的逻辑。您可以根据自己的项目需求进行相应的修改和调整。 请注意,这只是一个示例代码,具体的实现可能因您使用的框架或库而有所不同。确保根据您的实际情况进行适当的调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值