10 examples of 'react js date format dd/mm/yyyy' in JavaScript

11
format (fmt = 'yyyy-MM-dd HH:mm:ss') {
12
  const obj = {
13
    'y+': this.date.getFullYear(),
14
    'M{2}': this._paddingZero(this.date.getMonth() + 1),
15
    'd{2}': this._paddingZero(this.date.getDate()),
16
    'H{2}': this._paddingZero(this.date.getHours()),
17
    'h{2}': this._paddingZero(this.date.getHours() % 12),
18
    'm{2}': this._paddingZero(this.date.getMinutes()),
19
    's{2}': this._paddingZero(this.date.getSeconds()),
20
    'M': this.date.getMonth() + 1,
21
    'd': this.date.getDate(),
22
    'H': this.date.getHours(),
23
    'h': this.date.getHours() % 12,
24
    'm': this.date.getMinutes(),
25
    's': this.date.getSeconds(),
26
    'W': this.date.getDay()
27
  }
28
  for (let [key, ] of Object.entries(obj)) {
29
    const regexp = new RegExp(`(${key})([^a-zA-Z])?`)
30
    if (regexp.test(fmt)) {
31
      fmt = fmt.replace(RegExp.$1, obj[key])
32
    }
33
  }
34
  return fmt
35
}

45
function dateformat () {
46
    return 'yyyy-MM-dd';
47
}

139
function getDate(dateObj) {
140
    var date;
141
    if (typeof dateObj.diff === 'function') {
142
        date = dateObj.toDate();
143
    } else {
144
        date  = new Date(dateObj.year, dateObj.month - 1, dateObj.day);
145
    }
146
    return new Moment(date).unix() * 1000;
147
}

68
dateFormat(date: any): string {
69
    if (date === null) {
70
        return null;
71
    }
72
    let d = new Date(date);
73
    let y = d.getFullYear().toString();
74
    let m = (d.getMonth() + 1).toString();
75
    let day = d.getDate().toString();
76
    return y + '-' + m + '-' + day;
77
    //let dateStr:string = this.datePipe.transform(d,'yyyy-MM-dd');
78
    //return dateStr;
79
}

129
function dateFormat(d) {
130
  let month = d.getMonth() + 1;
131
  let date = d.getDate();
132
  if (month < 10) month = `0${month}`;
133
  if (date < 10) date = `0${date}`;
134
  return `${d.getFullYear()}-${month}-${date}`;
135
}

486
formatDate(d) {
487
  const calendar = this;
488
  const date = new Date(d);
489
  const year = date.getFullYear();
490
  const month = date.getMonth();
491
  const month1 = month + 1;
492
  const day = date.getDate();
493
  const weekDay = date.getDay();
494
  const { monthNames, monthNamesShort, dayNames, dayNamesShort } = calendar;
495
  const { dateFormat, locale } = calendar.params;
496
  if (typeof dateFormat === 'string') {
497
    return dateFormat
498
      .replace(/yyyy/g, year)
499
      .replace(/yy/g, String(year).substring(2))
500
      .replace(/mm/g, month1 < 10 ? `0${month1}` : month1)
501
      .replace(/m(\W+)/g, `${month1}$1`)
502
      .replace(/MM/g, monthNames[month])
503
      .replace(/M(\W+)/g, `${monthNamesShort[month]}$1`)
504
      .replace(/dd/g, day < 10 ? `0${day}` : day)
505
      .replace(/d(\W+)/g, `${day}$1`)
506
      .replace(/DD/g, dayNames[weekDay])
507
      .replace(/D(\W+)/g, `${dayNamesShort[weekDay]}$1`);
508
  }
509
  if (typeof dateFormat === 'function') {
510
    return dateFormat(date);
511
  }
512
  // Intl Object
513
  const formatter = new Intl.DateTimeFormat(locale, dateFormat);
514
  return formatter.format(date);
515
}

182
getDateInstance( v ) {
183
	return this.props.moment( v ).toDate();
184
}

249
formatDate(date = new Date(), format = 'datetime') {
250
  return dayjs(date).format(dateFormatPreset[format] || format);
251
}

3
export default function formatDate (date) {
4
  return format(date, 'MM-dd');
5
}

118
function formatDateForPicker(date) {
119
    var h = date.getHours();
120
    var m = date.getMinutes();
121
122
    function dd(n) { return (n < 10) ? '0' + n : n; }
123
    return date.getFullYear() + "-" + dd(date.getMonth() + 1) + "-" + dd(date.getDate()) + "T" + dd(h) + ":" + dd(m);
124
}<header><h1><span>BrewPiLess</span> <span></span></h1><div><div> <span></span> <span></span> <span></span><ul><li><a href="/index.htm"> 狀態 </a></li><li><a href="/control.htm"> 控制 </a></li><li><a href="/logging.htm"> 記錄 </a></li><li><a href="/setup.htm"> 設定 </a></li><li><a href="/config.htm"> 系統 </a></li><li><a href="/gravity.htm"> 比重 </a></li><li><a href="/pressure.htm"> 壓力 </a></li></ul></div></div></header><div><div><h4> BrewPiless記錄設定 </h4><div><div><h5> 雲端記錄 </h5><div></div></div><div><h6> 記錄時間間隔: </h6> 秒 </div><div><h6> Service Type: </h6><div></div></div><div><div><div><h6> Stream URL: </h6></div><div><h6> Beer: </h6></div><div><h6> Gravity Unit </h6><div>SG(1.x)</div><div>Plato(°P)</div></div></div><div><div><h6> Write API Key: </h6></div><div><h6> Fields: </h6><div><span>Field 1:</span><span>Field 2:</span><span>Field 3:</span><br /><span>Field 4:</span><span>Field 5:</span><span>Field 6:</span><br /><span>Field 7:</span><span>Field 8:</span></div></div></div><div><div><h6> ID: </h6></div><div><h6> Device Label: </h6></div></div><div><div><h6> Account: </h6></div><div><h6> Token: </h6></div><div><h6> Device: </h6></div></div><div><div><h6> Method: </h6><div>GET</div><div>POST</div><div>PUT</div></div><div><h6> URL: </h6></div><div><h6>Data Type:</h6></div><p>JSON:"application/json", Form Type:"application/x-www-form-urlencoded"</p><div><h6> 格式: </h6><div><div><span><u>符號...</u></span><span> 字元數: <span>0/256</span></span></div></div></div></div></div><div>更新變更</div></div><div><h5> 本地記錄 </h5><div><div><h6> 新記錄檔名: </h6> 開始記錄</div><div><h6> 選項: </h6></div><div><h6> 校正iSpindel </h6></div><div><h6> 在水中的Tilt值 </h6></div><div><h6> 比重計讀數: </h6></div><div><h6> , 或是水溫 @ </h6>° 比重計修正溫度 °</div></div><div> 記錄中 <strong></strong> 記錄開始於 <strong></strong> 停止記錄</div><div> 可使用空間: <span>0</span> Bytes, 已使用空間: <span>0</span> Bytes, 全部空間: <span>0</span> Bytes</div><h5> 記錄檔案 </h5><table><tr><th> 記錄 </th><th> 日期 </th><th> 動作 </th></tr><tr><td></td><td></td><td>下載 刪除</td></tr></table></div></div></div><footer><span>BrewPiLess by <a href="https://github.com/vitotai/">vitotai</a></span> <span><a href="https://github.com/vitotai/BrewPiLess/">project on GitHub</a></span></footer><div><table><tr><th>%b</th><td> 啤酒溫度 </td></tr><tr><th>%B</th><td> 啤酒設定溫度 </td></tr><tr><th>%f</th><td> 冰箱溫度 </td></tr><tr><th>%F</th><td> 冰箱設定溫度 </td></tr><tr><th>%r</th><td> 室溫 </td></tr><tr><th>%g</th><td> 比重 </td></tr><tr><th>%p</th><td> Plato </td></tr><tr><th>%a</th><td> iSpindel溫度 </td></tr><tr><th>%v</th><td> iSpindel電壓 </td></tr><tr><th>%t</th><td> Tilt值 </td></tr><tr><th>%u</th><td> 最後一次回報比重的時間 </td></tr><tr><th>%U</th><td> Temperature in C or F </td></tr><tr><th>%m</th><td> mode in integer </td></tr><tr><th>%M</th><td> mode in character </td></tr><tr><th>%P</th><td> Pressure in PSI </td></tr></table></div>