jQuery-UI,知问前端--日历 UI 学习要点: 1.调用 datepicker()方法 2.修改 datepicker()样式 3.datepicker()方法的属性 4.datepicker()方法的事件 日历(datepicker)UI,可以让用户更加直观的.更加方便的输入日期,并且还考虑不 同国家的语言限制,包括汉语. 一.调用 datepicker()方法 $('#date').datepicker(); 二.修改 datepicker()样式 日历 UI 的 header 背景…
jQuery-UI,知问前端--对话框 UI 学习要点: 1.开启多个 dialog 2.修改 dialog 样式 3.dialog()方法的属性 4.dialog()方法的事件 5.dialog 中使用 on() dialog()方法,将指定区块实现对话框功能 一.开启多个 dialog 我们可以同时打开多个 dialog,只要设置不同的 id 即可实现. $('#reg').dialog(); $('#login').dialog(); 二.修改 dialog 样式 在弹出的 dialog…
对话框(dialog),是jQuery UI非常重要的一个功能.它彻底的代替了JavaScript的alert().prompt()等方法,也避免了新窗口或页面的繁杂冗余. 开启多个dialog 我们可以同时打开多个dialog,只要设置不同的id即可实现.如: test.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知问前端</tit…
dialog()方法的事件 除了属性设置外,dialog()方法也提供了大量的事件,这些事件可以给各种不同状态时的对话框提供回调函数,这些回调函数中的this值等于对话框内容的div对象,不是整个对话框的div. dialog事件选项 事件名 说明 focus 当对话框被激活时(首次显示以及每次在上面点击)会调用focus方法,该方法有两个参数(event, ui).此事件中的ui参数为空. create 当对话框被创建时会调用create方法,该方法有两个参数(event, ui).此事件中的…
jQuery,知问前端--概述及 jQuery UI 学习要点: 1.项目介绍 2.jQuery UI 3.UI 主题 一.项目介绍 我们重点仿照“知乎”的架构模式来搭建界面和布局,以及大部分前端功能.而“百度 知道”作为辅助功能来确定我们这个项目需要的前端功能. 从以上知名问答站点中,我们可以确认最主要的前端功能:1.弹出对话框:2.前端按钮: 3.折叠菜单:4.选项卡切换:5.滑动块:6.日历:7.自动补全:8 拖放:等一系列前端模块. 二.jQuery UI jQuery UI 是以 jQ…
jQuery-UI,知问前端--按钮 UI 学习要点: 1.使用 button 按钮 2.修改 button 样式 3.button()方法的属性 4.button('action', param) 5.单选.复选按钮 按钮(button),可以给生硬的原生按钮或者文本提供更多丰富多彩的外观.它不单单 可以设置按钮或文本,还可以设置单选按钮和多选按钮. 一.使用 button 按钮 使用 button 按钮 UI 的时候,不一定必须是 input 按钮形式,普通的文本也可以设置成 button…
第三百七十八节,Django+Xadmin打造上线标准的在线教育平台—django自带的admin后台管理介绍 配置django的admin数据库管理后台 首先urls.py配置数据库后台路由映射,一般这个路由映射在生成项目的时候已经生成了 from django.conf.urls import url from django.contrib import admin from app1 import views urlpatterns = [ url(r'admin/', admin.sit…
jQuery,知问前端--cookie 插件 学习要点: 1.使用 cookie 插件 2.注册直接登录 Cookie 是网站用来在客户端保存识别用户的一种小文件.一般来用库可以保存用户登 录信息.购物数据信息等一系列微小信息. 一.使用 cookie 插件 官方网站:http://plugins.jquery.com/cookie/ cookie()生成cookie文件,3个参数,参数1cookie名称,参数2cookie值,参数3是一个对象设置cookie 生成一个 cookie: $.co…
日历(datepicker)UI,可以让用户更加直观的.更加方便的输入日期,并且还考虑不同国家的语言限制,包括汉语. 调用datepicker()方法 $('#date').datepicker(); 修改datepicker()样式 日历UI的header背景和对话框UI的背景采用的是同一个class,所以在此之前已经被修改,所以,这里无须再修改了. /* 日历UI的今天单元格样式 */ .ui-datepicker-today .ui-state-highlight { border:1px…
datepicker日期选择选项 属性 默认值/类型 说明 minDate 无/对象.字符串或数值 日历中可以选择的最小日期 maxDate 无/对象.字符串或数值 日历中可以选择的最大日期 defaultDate 当天/日期 预设默认选定日期.没有指定,则是当天 yearRange 无/日期 设置下拉菜单年份的区间.比如:1950:2020 hideIfNoPrevNext false/字符串 设置为true,如果上一月和下一月不存在,则隐藏按钮 gotoCurrent false/布尔值 如…