Sha256: 1659b8fd756f75c4caf17742338e034dc9a14b5b71a8d9e5cd94053b9f3825c6

Contents?: true

Size: 902 Bytes

Versions: 83

Compression:

Stored size: 902 Bytes

Contents

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = [ "time", "date", "datetime" ]

  initialize() {
    this.timeFormatter = new Intl.DateTimeFormat(undefined, { timeStyle: "short" })
    this.dateFormatter = new Intl.DateTimeFormat(undefined, { dateStyle: "long" })
    this.dateTimeFormatter = new Intl.DateTimeFormat(undefined, { timeStyle: "short", dateStyle: "short" })
  }

  timeTargetConnected(target) {
    this.#formatTime(this.timeFormatter, target)
  }

  dateTargetConnected(target) {
    this.#formatTime(this.dateFormatter, target)
  }

  datetimeTargetConnected(target) {
    this.#formatTime(this.dateTimeFormatter, target)
  }

  #formatTime(formatter, target) {
    const dt = new Date(target.getAttribute("datetime"))
    target.textContent = formatter.format(dt)
    target.title = this.dateTimeFormatter.format(dt)
  }
}

Version data entries

83 entries across 83 versions & 1 rubygems

Version Path
css-zero-1.1.14 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.13 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.12 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.11 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.10 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.9 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.8 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.7 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.6 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.5 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.4 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.3 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.2 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.1 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.1.0 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.0.6 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.0.5 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.0.4 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.0.3 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
css-zero-1.0.2 lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js