1. 程式人生 > >Ext可編輯表格中timefield選擇後會顯示中國標準時間

Ext可編輯表格中timefield選擇後會顯示中國標準時間

這裡寫圖片描述
選擇的時候正常,但是選擇完之後,點選其他地方,就變成Tue Jan 01 2008 04:45:00 GMT+0800 (中國標準時間) 了。
嘗試使用datefield也是一個效果。
使用的是extjs4.1.1只有在grid中editor裡,才會出現這種情況在其他地方單獨使用timefield,就不會出現問題。
view中程式碼:

columns:[
            {header:'起始時間(小時分鐘)',dataIndex:'bHour',flex:3,sortable: true,editor:{
                xtype:'timefield',   //一選擇就顯示Tue Jan 01
2008 04:45:00 GMT+0800 (中國標準時間) 已在model中解決 format:'G:i', //格式化時間,24小時制 }}, ... ]

懷疑是Model中該列資料是不是有預設顯示值,但是不知道在哪個地方修改,哪位大神知道告訴我一聲。。。。。非常感謝!!!!!!
後來只能自己在model中把資料做下處理,不讓這麼顯示,暫時是解決這個問題了

Ext.define('...',{
    extend:'Ext.data.Model',
    fields:[
        {name:'bHour'
,convert:setBHour}, ... ] }); function setBHour(v, rec){ // console.log(v); if(escape(v).indexOf("%u")>0){ //如果包含中文 一選擇就顯示Tue Jan 01 2008 04:45:00 GMT+0800 (中國標準時間) var d = new Date(v); var hour = d.getHours()<10?(0+''+d.getHours()):d.getHours(); var minute = d.getMinutes()<10
?(0+''+d.getMinutes()):d.getMinutes(); var time = hour+''+minute;//資料要求格式化成 Gi形式 不加冒號 return time; }else{ return v; } }

這裡寫圖片描述

相關推薦

Ext編輯表格timefield選擇顯示中國標準時間

選擇的時候正常,但是選擇完之後,點選其他地方,就變成Tue Jan 01 2008 04:45:00 GMT+0800 (中國標準時間) 了。 嘗試使用datefield也是一個效果。 使用的是extjs4.1.1只有在grid中editor裡,才會出現

Ext EditorGrid編輯表格

Ext.onReady(function(){       //定義列       var columns = [           {header:'編號',dataIndex:'id',width:50,               editor:{        

你可能不知道的iview編輯表格表格驗證

操作 新增 ica 刪除 ont ros pan 表格 mic https://dev.iviewui.com/articles/1040179759335739392 然後在表格有其他操作,比如新增或刪除行時將數據賦給List,提交數據時,用的也是臨時數據,原來的Li

vue+iview 實現編輯表格

先簡單說明一下,這個Demo引入的vue,iview的方式是標籤引入的,沒有用到webpack之類的構建工具... 畢竟公司還在用angularjs+jq. 這也是我第一次寫文章,大家看看思路就行了,要是有大佬指點指點就更好了 話不多說,先來個效果圖 我們再看下極為簡單的目錄結構

ExtJS4.2學習(七)EditorGrid編輯表格

原網址:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-14/176.html  上節講到通過後臺數據進行分頁,分頁工具條還可以放置在頂端,或者上下都有而不影響資料,因為它們都共用一個s

LayUI編輯表格

damo1.json { "code": 0, "msg": "", "count": 100, "data": [ { "id": 10000, "username": "user-0", "sex": "女", "c

vue+element-ui+slot-scope或原生實現編輯表格(日歷)

gui 兩種 label div 前言 大牛 對比 default 操作dom 你們公司的產品是不是還在做一個可編輯表格功能? 1.前言 咱開發拿到需求大多數是去網上找成型的組件,找不到再看原生的方法能否實現,大牛除外哈,大牛一般喜歡封裝組件框架。 2.思路 可編輯表格在後

easyui datagrid編輯表格使用經驗分享

文章目錄 1相關介面方法 2列屬性formatter 3編輯器型別 3.1基於my97的編輯器 3.2簡單的密碼編輯器 3.3動態增加/刪除編輯器

iview編輯表格元件封裝

因為公司需要嘗試新的UI框架,因此自己也是學習了iview這個新的框架,之前一直都是用的element-ui,正好公司專案用到可編輯表格這樣的元件,但是網上也是搜不到相關的資料,所以自己在參考了iview-admin的一些方法之後,自己寫了一個,當然這個元件還是

table編輯表格寫法(簡單)

1、新增JS $(".table").find(".dbclicktd").bind("dblclick", function () { var input = "<input

編輯表格實現

$("td").click(function(event){ //td中已經有了input輸入框,則不響應點選事件 if($(this).children("input").length > 0) return false; var tdObj = $(this); var

jquery實現編輯表格,並生成json結果

實現效果如下,在編輯表格的同時可以實現欄位json內容的自動變化,點選提交可以儲存到後臺,頁面載入的時候自動解析json並載入表格內容。該程式碼解析和載入功能都用前端js實現,簡化了後臺程式碼邏輯。 定義要操作的表格頭: <input readonly="read

jQuery Handsontable【jQuery外掛-一個非常酷的編輯表格

jQuery Handsontable 是jQuery外掛中一款非常酷的可編輯的表格,它的描述是:a minimalistic Excel-like data grid editor for HTML, JavaScript & jQuery. (一款類似於Exce

編輯div插入文字或圖片(二)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

Extjs學習總結之23EditGridPanel編輯表格

這一章我比較在乎,但可惜我學的不好。越往後我的很多效果都沒有實現,也許是沒有耐心了吧。因為在公司要幹活啊,不能整天的學習,我是很想趕快的結束extjs的學習,然後去研究專案,因為專案中的前端都是extjs,但是我又告訴自己別心急,反正就這個樣子,後面的東西學的不如前面好,不

ssm+easyui之datagrid編輯表格的增刪改查

1. html     <div data-options="region:'center'">       <div style="margin:10px 0">         <a href="#" class="easyui-link

bootstrap 編輯表格

     表格是一個辦公系統最基礎的部分,如何給使用者提供更加靈活多變的功能是我們的不懈追求……        現在在做的一款辦公系統,大約用到十來個表格,最開始的需求是滿足顯示功能就ok,這很簡單,根本不用做變動;        然而,我們都懂得使用者的需求是不會停止的,

基於svg.js編輯影象的文字換行

    svg中的文字與一般頁面中的文字並不一樣,svg中的文字使用<text></text>標籤來包住文字,所以頁面中文字換行功能無法使用,這時候就要我們自己設定部分屬性來使其

基於Bootstrap使用jQuery實現簡單編輯表格

        editTable.js 提供編輯表格當前行、新增一行、刪除當前行的操作,其中可以設定引數,如: operatePos 用於設定放置操作的列,從0開始,-1表示以最後一列作為放置操作的列;(這裡的操作包括 編輯當前行、在當前行下新增一行、刪除當前行) han

mac 10 unity4.7編輯所有文件不顯示

.html 參考 edit 新的 tor ati not 列表 不顯示   項目中升級mac 10後 打開unity項目編輯器顯示文件列表都沒有了 解決方法參考鏈接: http://www.sohu.com/a/155360770_667928