Sinh ra input control cho phép nhập khoảng thời gian (ngày, giờ).
Chú ý

  • Do giá trị nhập là khoảng thời gian nên đối tượng này sẽ tạo ra 2 giá trị riêng biệt là [tên field]_FROM và [tên field]_TO khi submit form.
  • Field DateRange chấp nhận giá trị theo định dạng (l|n)([0-9]+)(d|w|m|q|y) trong đó
    • Tham số thứ nhất (l|n): last/next; trước/sau thời điểm hiện tại
    • Tham số thứ ba (d|w|m|q|y): ngày, tuần, tháng, quý, năm
    • Tham số thứ hai ([0-9]+) số ngày, tuần, tháng, quý, năm trước/sau thời điểm hiện tại
    • Ví dụ
      • l0d-l0d: hôm nay
      • l1d-l0d: hôm qua
      • l2m-l1m: 2 tháng trước
      • n0d-n0d: hôm nay
      • n0d-n1d: ngày mai
      • n1m-n2m: 2 tháng sau
  • Bổ sung khai báo kiểu như sau ở file ngôn ngữ để định nghĩa các khoảng thời gian cố định
DateRange
    l0d-l0d==Hôm nay
        Start==moment().startOf('day')
        End==moment().endOf('day')
    l1d-l1d==Hôm qua
        Start==moment().subtract(1, 'day').startOf('day')
        End==moment().subtract(1, 'day').endOf('day')
    l2d-l2d==Hôm kia
        Start==moment().subtract(2, 'day').startOf('day')
        End==moment().subtract(2, 'day').endOf('day')

Các cấu hình có thể khai báo:
  • Format
    • Kiểu: string
    • Tác dụng: định dạng hiển thị. Các thành phần hiển thị gồm
      • %d: ngày
      • %m: tháng
      • %Y: năm
      • %H: giờ
      • %M: phút
      • %S: giây
    • Mặc định: %d/%m/%Y
  • TimePicker
    • Kiểu: boolean
    • Tác dụng: cho phép nhập giờ/phút/giây hay không
  • MinDate
    • Kiểu: string
    • Tác dụng: Giá trị thời gian nhỏ nhất mà đối tượng được phép nhập
  • MaxDate
    • Kiểu: string
    • Tác dụng: Giá trị thời gian lớn nhất mà đối tượng được phép nhập
  • DateLimit
    • Kiểu: number
    • Tác dụng: khoảng thời gian dài nhất mà đối tượng được phép nhập
  • CssClass
    • Kiểu: string
    • Tác dụng: tên css class cho thẻ sinh ra
    • Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
  • Extra
    • Kiểu: string
    • Tác dụng: nội dung các attribute cần bổ sung tạo thẻ
    • Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
  • Value
    • Kiểu: string
    • Tác dụng: giá trị khởi tạo của Field
  • Trim
    • Kiểu: boolean
    • Tác dụng: cắt khoảng trắng trước & sau giá trị nhập khi submit form
    • Mặc định: false
  • UnescapeJava
    • Kiểu: boolean
    • Tác dụng: chuyển các mã hóa ký tự như \n, \t, \u0000, \\ thành ký tự gốc khi submit form
    • Mặc định: false
  • ReadOnly
    • Kiểu: boolean
    • Tác dụng: có cho phép NSD sửa giá trị của Field hay không
  • PrepareJs
    • Kiểu: string
    • Tác dụng: đoạn code javascript thực hiện trước khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
  • CompleteJs
    • Kiểu: string
    • Tác dụng: đoạn code javascript thực hiện sau khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
  • LiveValidation