js时间戳格式化成日期格式的有余方法介绍,JS使用正则调整用户输入银行卡号及格式化

by admin on 2019年5月19日

//js正则达成用户输入银行卡号的调控及格式化

此地分享2个常用的标价格式化的一个措施,在电商的价位拍卖中分外的实用,大家可以看2个功效

五个关键点

js要求把时间戳转为为一般格式,一般的意况下只怕用不到的,

<script language="javascript" type="text/javascript">
function formatBankNo (BankNo){
  if (BankNo.value == "") return;
  var account = new String (BankNo.value);
  account = account.substring(0,22); /*帐号的总数, 包括空格在内 */
  if (account.match (".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}") == null){
    /* 对照格式 */
    if (account.match (".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}|" + ".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}|" +
    ".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}|" + ".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}") == null){
      var accountNumeric = accountChar = "", i;
      for (i=0;i<account.length;i++){
        accountChar = account.substr (i,1);
        if (!isNaN (accountChar) && (accountChar != " ")) accountNumeric = accountNumeric + accountChar;
      }
      account = "";
      for (i=0;i<accountNumeric.length;i++){  /* 可将以下空格改为-,效果也不错 */
        if (i == 4) account = account + " "; /* 帐号第四位数后加空格 */
        if (i == 8) account = account + " "; /* 帐号第八位数后加空格 */
        if (i == 12) account = account + " ";/* 帐号第十二位后数后加空格 */
        account = account + accountNumeric.substr (i,1)
      }
    }
  }
  else
  {
    account = " " + account.substring (1,5) + " " + account.substring (6,10) + " " + account.substring (14,18) + "-" + account.substring(18,25);
  }
  if (account != BankNo.value) BankNo.value = account;
}
</script>


<input type="text" value="" size="25" onkeyup="formatBankNo(this)" onkeydown="formatBankNo(this)" name="account" id="account">

必发88 1

必发88,1.使用DOMParser解析xml
2.递归遍历xml树,按格式输出各类节点

下边先来看率先种呢

上述所述是小编给大家介绍的JS使用正则调控用户输入银行卡号及格式化,希望对大家有所帮忙,要是我们有其它疑问请给自个儿留言,作者会及时过来大家的。在此也特别感谢我们对剧本之家网址的扶助!

此间在价钱多少的地方采用了2个过滤器,通过这么些过滤器对价格做了封存小数位的拍卖。

至于采用DOMParser

function getLocalTime(nS) { 
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); 
} 
alert(getLocalTime(1293072805)); 

你大概感兴趣的稿子:

  • vue.js达成价格格式化的点子
  • springmvc fastjson
    反种类化时间格式化方法(推荐)
  • ABP入门类别之Json格式化
  • js时间戳格式化成日期格式的有余方法介绍,JS使用正则调整用户输入银行卡号及格式化。js时间戳格式化成日期格式的各个办法介绍
  • JS操作XML实例总结(加载与分析XML文件、字符串)
  • JS解析XML文件和XML字符串详解
  • js字符串调换到xml对象并动用才干解读
  • js时间戳格式化成日期格式的有余方法介绍,JS使用正则调整用户输入银行卡号及格式化。js
    加载并解析XML字符串的代码
  • javascript深入分析xml字符串的函数
  • Javascript格式化并高亮xml字符串的方法及注意事项

HTML

此形式近期在IE九上述和别的浏览器里都以帮助的,所以那边不在写关于IE玖以下不帮忙的动静,
具体的利用请跳转

第二种

<div class="price">

 ¥{{"这里是价格数据"}}
</div>

function getLocalTime(nS) { 
return new Date(parseInt(nS) * 1000).toLocaleString().substr(0,17)} 
alert(getLocalTime(1293072805)); 

JS

Javascript代码

正则替换

filters:{  //数据过滤器
 format:function(value){
  var html,_val;
  value =Number(value).toFixed(2);
  if(value==0){
   value=0;
   return html = "¥0";
  }else if(value.split('.')[1].substring(1)==0){
   value = Number(value).toFixed(1);
  }
  _val = value.split('.');
  return html = '¥'+_val[0]+'<em>.'+_val[1]+'</em>';
 }
}
/**
 * 格式化xml
 * @param content
 * @returns {*}
 */
this.parse_xml = function(content) {
  let xml_doc = null;
  try {
    xml_doc = (new DOMParser()).parseFromString(content.replace(/[\n\r]/g, ""), 'text/xml');
  } catch (e) {
    return false;
  }

  function build_xml(index, list, element) {
    let t = [];
    for (let i = 0; i < index; i++) {
      t.push('    ');
    }
    t = t.join("");
    list.push(t + '<'+ element.nodeName +'>\n');
    for (let i = 0; i < element.childNodes.length; i++) {
      let nodeName = element.childNodes[i].nodeName;
      if (element.childNodes[i].childNodes.length === 1) {
        let value = element.childNodes[i].childNodes[0].nodeValue;
        let value_color = !isNaN(Number(value)) ? 'code-number' : 'code-string';
        let value_txt = '' + value + '';
        let item = t + '    <' + nodeName +
          '>' + value_txt + '</' + nodeName + '>\n';
        list.push(item);
      } else {
        build_xml(++index, list, element.childNodes[i]);
      }
    }
    list.push(t + '</'+ element.nodeName +'>\n');
  }
  let list = [];
  build_xml(0, list, xml_doc.documentElement);
  return list.join("");
};
function getLocalTime(nS) { 
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " "); 
} 
alert(getLocalTime(1177824835)); 

上述所述是小编给大家介绍的vue.js完毕价格格式化的办法,希望对大家有所帮助,若是大家有其余疑问请给自家留言,我会及时过来大家的。在此也特别多谢大家对剧本之家网址的扶助!

css

第三种

您可能感兴趣的篇章:

  • JS使用正则调节用户输入银行卡号及格式化
  • springmvc fastjson
    反体系化时间格式化方法(推荐)
  • ABP入门种类之Json格式化
  • js时间戳格式化成日期格式的多种办法介绍
  • JS操作XML实例计算(加载与分析XML文件、字符串)
  • JS分析XML文件和XML字符串详解
  • js字符串转变来xml对象并使用才干解读
  • js
    加载并分析XML字符串的代码
  • javascript深入分析xml字符串的函数
  • Javascript格式化并高亮xml字符串的艺术及注意事项
.code-string{color:#993300;}
.code-number{color:#cc00cc;}
.code-boolean{color:#000033;}
.code-null{color:magenta;}
.code-key{color:#003377;font-weight:bold;}
function formatDate(now) { 
var year=now.getYear(); 
var month=now.getMonth()+1; 
var date=now.getDate(); 
var hour=now.getHours(); 
var minute=now.getMinutes(); 
var second=now.getSeconds(); 
return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second; 
} 
var d=new Date(1230999938); 
alert(formatDate(d)); 

效果

如上就是本文的全体内容,希望对我们的读书抱有支持,也希望大家多多帮忙脚本之家。

必发88 2

您也许感兴趣的作品:

  • vue.js完成价格格式化的措施
  • JS使用正则调节用户输入银行卡号及格式化
  • springmvc fastjson
    反种类化时间格式化方法(推荐)
  • ABP入门种类之Json格式化
  • JS操作XML实例计算(加载与分析XML文件、字符串)
  • JS剖判XML文件和XML字符串详解
  • js字符串转变来xml对象并运用本事解读
  • js
    加载并剖判XML字符串的代码
  • javascript深入分析xml字符串的函数
  • Javascript格式化并高亮xml字符串的主意及注意事项

注意

DOMParser在剖判xml时,借使xml字符串里有一些分外的字符,解出来的树节点有个别是无需的,会倒置遍历节点战败。

总结

以上所述是作者给大家介绍的Javascript格式化并高亮xml字符串,希望对大家有所辅助,假若大家有别的疑问请给自己留言,作者会及时回复大家的。在此也极度谢谢我们对台本之家网址的支撑!

你大概感兴趣的篇章:

  • vue.js达成价格格式化的方法
  • JS使用正则调节用户输入银行卡号及格式化
  • springmvc fastjson
    反连串化时间格式化方法(推荐)
  • ABP入门种类之Json格式化
  • js时间戳格式化成日期格式的有余艺术介绍
  • JS操作XML实例总括(加载与分析XML文件、字符串)
  • JS分析XML文件和XML字符串详解
  • js字符串转变来xml对象并运用技能解读
  • js
    加载并解析XML字符串的代码
  • javascript分析xml字符串的函数

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图