1.標(biāo)準(zhǔn)的weui只是一個(gè)css皮膚，當(dāng)然里面有h5特性所以有一些很好的組件，比如時(shí)間選擇控件、數(shù)字輸入框(用于手機(jī)號等)，在ios——微信中可以做到完美的展示。

2.ui框架以手機(jī)移動端為優(yōu)先顯示(bootstrape也是的)。樣式、風(fēng)格、功能都是移動為要。一些按鈕的效果僅在手機(jī)端兼容，在pc端可能會錯(cuò)誤或者簡配，比如input type="datetime-local"。

3.weui代碼、官網(wǎng)、github自己百度，一大把。這里介紹下https://jqweui.cn/。上面有好多官方原版例子、還有擴(kuò)展例子、包括js等。

4.貌似現(xiàn)在weui、jqweui、react-weui已在vs nuget上，不過我沒裝。可以試下，省的再手動下載各種css、js等文件了、當(dāng)然也可以用jqweui里說明的cdn，不過偶爾會cdn掛掉(開發(fā)環(huán)境就用cdn也無妨)。

5.我用的比較多是tabbar、flex、form、weui-cells，然后就是各種input，js-css控制各種div。

6.第一點(diǎn)也說過，weui只是一套css皮膚+js組件最多(weui.js)。所以，別被官網(wǎng)github上的龐大代碼量、gulpfile.js等首次沒見過的代碼-文件嚇到、真正有用的只是如下：

其中example.css、demos.css不是必須的，其他建議引入的。weui官網(wǎng)使用的js不是jquery、而是zepto.js實(shí)際都可以。可能zepto更適合移動端聽說。

weui完全可以用于任何web項(xiàng)目：Asp.Net MVC,WebForm、前后端分離的前端項(xiàng)目、vuejs、bootstrape組合。

像tabbar、navbar這種導(dǎo)航組件完全可以放在_LayoutWithTabbar中、引入weui標(biāo)準(zhǔn)css、js、在里面定義導(dǎo)航組件，需要導(dǎo)航欄的一律引用它；無需使用導(dǎo)航組件的頁面引入layout.cshtml(比如彈框頁面、單頁面程序，則只需引入weui標(biāo)準(zhǔn)css、js)。

需要注意的坑：

1.原版weui的一些樣式寫在了example.css、demos.css，所以有時(shí)如果出來的效果和官網(wǎng)的不同、還是用瀏覽器開發(fā)者工具細(xì)細(xì)看下css。最好也從官網(wǎng)上拷貝2個(gè)文件下來。

2.日期組件：

這是h5特性，參考http://www.w3school.com.cn/html5/html_5_form_input_types.asp。

注意：其中賦值的數(shù)字都是兩位數(shù)，不足兩位的話需要用0來填充。

參考：

var now = new Date(); //jquery Date()用法：http://www.w3school.com.cn/jsref/jsref_obj_date.asp

now.setDate(now.getDate() + 1); //提前一天預(yù)約。設(shè)置表單中的初始時(shí)間，比當(dāng)前時(shí)間多一天

var str = now.getFullYear() + "-" + fix((now.getMonth() + 1), 2) + "-" + fix(now.getDate(), 2) + "T" + fix(now.getHours(), 2) + ":" + fix(now.getMinutes(), 2);

$("#ReservesServiceDt").val(str);

獲取datetime-local input的值也是"2015-07-19T05:20"。

//ReservesServiceDt參數(shù)格式為：2018-03-17T14:23。datetime-local的格式為YYYY-MM-DDTHH:mm:ss，注意日期和時(shí)間之間有一個(gè)T，這是ISO 8601的標(biāo)準(zhǔn)

//后端需要處理ReservesServiceDt參數(shù)格式為格式，即Replace('T',' ')。但最好前端就處理好。但無論哪種實(shí)現(xiàn)方式，原理上后端接口的controller 實(shí)現(xiàn)一樣

//實(shí)現(xiàn)1：(較好)這里采用前端處理好的方法、所以采用$("#form").serializeArray()后轉(zhuǎn)json字符串、而不是$("#form").serialize()

參考：http://blog.csdn.net/White_Idiot/article/details/77772568(但有些問題)最終代碼參考：

var formObject = {};

var formData = $("#form").serializeArray();

for (var item in formData) {

formObject[formData[item].name] = formData[item].value;

}

formObject.ReservesServiceDt = ReservesServiceDt.replace('T', ' ');

var formJSON = JSON.stringify(formObject);

另可參考js Date對象文檔：http://www.w3school.com.cn/jsref/jsref_obj_date.asp

我的weui測試項(xiàng)目：WeUIMvcApp(是mvc3)，https://gitee.com/nlh774/weui 有需要的可以下載來看。應(yīng)該可以直接運(yùn)行(VS2012,MVC3,不用數(shù)據(jù)庫)

總結(jié)

以上是生活随笔為你收集整理的java mvc jquery weui_weui开发笔记的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。