【知问前端——日历UI(一)】的更多相关文章

第一百八十二节，jQuery-UI，知问前端--日历 UI

jQuery-UI,知问前端--日历 UI 学习要点: 1.调用 datepicker()方法 2.修改 datepicker()样式 3.datepicker()方法的属性 4.datepicker()方法的事件 日历(datepicker)UI,可以让用户更加直观的.更加方便的输入日期,并且还考虑不 同国家的语言限制,包括汉语. 一．调用 datepicker()方法 $('#date').datepicker(); 二．修改 datepicker()样式 日历 UI 的 header 背景…

知问前端——日历UI(三)

datepicker日期选择选项 属性 默认值/类型 说明 minDate 无/对象.字符串或数值 日历中可以选择的最小日期 maxDate 无/对象.字符串或数值 日历中可以选择的最大日期 defaultDate 当天/日期 预设默认选定日期.没有指定,则是当天 yearRange 无/日期 设置下拉菜单年份的区间.比如:1950:2020 hideIfNoPrevNext false/字符串 设置为true,如果上一月和下一月不存在,则隐藏按钮 gotoCurrent false/布尔值 如…

知问前端——日历UI(二)

datapicker外观选项 属性 默认值/类型 说明 disabled false/布尔值 禁用日历 numberOfMonths 1/数值 日历中同时显示的月份个数.默认为1,如果设置3就同时显示3个月份.也可以设置数组:[3,2],3行2列共6个 showOtherMonths false/布尔值 如果设置为true,当月中没有使用的单元格会显示填充, 但无法使用.默认为false,会隐藏无法使用的单元格 selectOtherMonths false/布尔值 如果设置为true,表示可以…

知问前端——日历UI(一)

日历(datepicker)UI,可以让用户更加直观的.更加方便的输入日期,并且还考虑不同国家的语言限制,包括汉语. 调用datepicker()方法 $('#date').datepicker(); 修改datepicker()样式 日历UI的header背景和对话框UI的背景采用的是同一个class,所以在此之前已经被修改,所以,这里无须再修改了. /* 日历UI的今天单元格样式 */ .ui-datepicker-today .ui-state-highlight { border:1px…

第一百七十八节，jQuery-UI，知问前端--对话框 UI

jQuery-UI,知问前端--对话框 UI 学习要点: 1.开启多个 dialog 2.修改 dialog 样式 3.dialog()方法的属性 4.dialog()方法的事件 5.dialog 中使用 on() dialog()方法,将指定区块实现对话框功能 一．开启多个 dialog 我们可以同时打开多个 dialog,只要设置不同的 id 即可实现. $('#reg').dialog(); $('#login').dialog(); 二．修改 dialog 样式 在弹出的 dialog…

知问前端——对话框UI(一)

对话框(dialog),是jQuery UI非常重要的一个功能.它彻底的代替了JavaScript的alert().prompt()等方法,也避免了新窗口或页面的繁杂冗余. 开启多个dialog 我们可以同时打开多个dialog,只要设置不同的id即可实现.如: test.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知问前端</tit…

知问前端——工具提示UI

工具提示(tooltip),是一个非常实用的UI.它彻底扩展了HTML中的title属性,让提示更加丰富,更加可控制,全面提升了用户体验. 调用tooltip()方法 在调用tooltip()方法之前,首先需要针对元素设置相应title属性.如: <input type="text" name="user" class="text" id="user" title="请输入帐号, 不小于2位! " /…

知问前端——按钮UI

按钮(button),可以给生硬的原生按钮或者文本提供更多丰富多彩的外观.它不单单可以设置按钮或文本,还可以设置单选按钮和多选按钮. 使用button按钮 使用button按钮UI的时候,不一定必须是input按钮形式,普通的文本也可以设置成button按钮. $('#search_button').button(); 修改button样式 在弹出的button对话框中,在火狐浏览器中打开Firebug或者右击->查看元素.这样,我们可以看看button的样式,根据样式进行修改.我们为了和网站主…

知问前端——对话框UI(二)

dialog()方法的事件 除了属性设置外,dialog()方法也提供了大量的事件,这些事件可以给各种不同状态时的对话框提供回调函数,这些回调函数中的this值等于对话框内容的div对象,不是整个对话框的div. dialog事件选项 事件名 说明 focus 当对话框被激活时(首次显示以及每次在上面点击)会调用focus方法,该方法有两个参数(event, ui).此事件中的ui参数为空. create 当对话框被创建时会调用create方法,该方法有两个参数(event, ui).此事件中的…

第一百七十九节，jQuery-UI，知问前端--按钮 UI-图标

jQuery-UI,知问前端--按钮 UI 学习要点: 1.使用 button 按钮 2.修改 button 样式 3.button()方法的属性 4.button('action', param) 5.单选.复选按钮 按钮(button),可以给生硬的原生按钮或者文本提供更多丰富多彩的外观.它不单单 可以设置按钮或文本,还可以设置单选按钮和多选按钮. 一．使用 button 按钮 使用 button 按钮 UI 的时候,不一定必须是 input 按钮形式,普通的文本也可以设置成 button…