Input thường sử dụng

Tạo mới Lọc sản phẩm lỗi Xuất Excel Import Excel

Input

<div class="ui input">
    <input type="text" placeholder="Search...">
</div>
    

Focus

<div class="ui input focus">
    <input type="text" placeholder="Search...">
</div>
    

Loading

<div class="ui icon input loading">
    <input type="text" placeholder="Search...">
    <i class="search icon"></i>
</div>
    

Disable

<div class="ui disabled input">
    <input type="text" placeholder="Search...">
</div>
    

Error

<div class="ui input error">
    <input type="text" placeholder="Search...">
</div>
    

Icon

<div class="ui icon input">
    <input type="text" placeholder="Search...">
    <i class="search icon"></i>
</div>
    

Date picker

<div class="ui left icon input">
    <input type="text" class="datepicker">
    <i class="calendar icon"></i>
</div>
    

$('.datepicker').pickadate({
    monthsFull: ["Tháng Một", "Tháng Hai", "Tháng Ba", "Tháng Tư", "Tháng Năm", "Tháng Sáu", "Tháng Bảy", "Tháng Tám", "Tháng Chín", "Tháng Mười", "Tháng Mười Một", "Tháng Mười Hai"],
    monthsShort: ["Một", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy", "Tám", "Chín", "Mưới", "Mười Một", "Mười Hai"],
    weekdaysFull: ["Chủ Nhật", "Thứ Hai", "Thứ Ba", "Thứ Tư", "Thứ Năm", "Thứ Sáu", "Thứ Bảy"],
    weekdaysShort: ["C.Nhật", "T.Hai", "T.Ba", "T.Tư", "T.Năm", "T.Sáu", "T.Bảy"],
    today: "Hôm Nay",
    clear: "Xoá",
    firstDay: 1,
    formatSubmit: 'yyyy/mm/dd',
    format: 'dd/mm/yyyy'
})

Tinymce

<textarea class="editor-tinymce">Easy! You should check out MoxieManager!</textarea>
    

tinymce.init({
    selector:'textarea.editor-tinymce',
});