草庐IT

UI模板

全部标签

javascript - jquery UI datepicker透明背景

这似乎是一个常见问题,但我尝试了很多答案,但没有一个对我有用。我正在使用jqueryUI日期选择器。似乎有些不对劲。这就是我的看法。我在我的文件中包含了以下内容jquery-1.11.2.min.jsjquery-ui.min.js(版本1.11.4)jquery-ui.min.css(版本1.11.4)我也试过下面的css但没有用。.ui-datepicker{background:#fff!important;z-index:10000;}如何让它看起来正常? 最佳答案 我用基本的日期选择器主题和彩色背景(如果你愿意,也可以是透

javascript - 从语义 UI 构建中删除未使用的模块/组件

找了半天,没有找到适合当前SemanticUI2.0的方案。问题是:如何从我的JS/CSS构建中删除未使用的组件和模块?我使用了大约1/4的所有功能,有什么简单的方法可以减小文件大小吗?从semantic.json添加/删除元素的方法似乎不再有效。谢谢,H.G. 最佳答案 这可以在语义UI的安装过程中完成。你读过InstallSemanticUI吗??描述了你要执行npminstallsemantic-ui--save开始安装脚本。系统将询问您要运行哪种类型的设置(自动、快速、自定义)。如果您选择“自定义”,系统将提示您安装语义UI

javascript - 在 ui-router 中设置抽象嵌套状态的默认子项

我使用ui-router。这是我的嵌套状态:$stateProvider.state('books',{abstract:true,url:'/books',controller:'BooksCtrl',templateUrl:'contents/books.html'}).state('books.top',{url:'/top',templateUrl:'contents/books-top.html'}).state('books.new',{url:'/new',templateUrl:'contents/books-new.html'});如何将books.new状态设置为b

javascript - 使用哈希 url 卡在 Angular ui-router State.go 上?

我正在研究ui-router。我有一个状态:.state('new-personal-orders',{url:'/orders/new-personal-orders/:catId?',template:''})在我的Controller中,我可以使用$state.go('new-personal-orders',null,{reload:true})在Html文件中我有一个anchor标记:Link如果标签被点击,状态就会改变,'new-personal-orders'变成当前状态,在url中有尾随散列。然后url看起来像:http://localhost:3000/orders/

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

javascript - Angular 2 模板驱动的表单组验证

我有一个关于Angular2模板驱动表单的问题。我已经设置了其中一个表单,如果表单组中的一个输入无效,我希望能够向用户显示警告。例如,假设我有以下形式:Submit如果firstName和/或lastName无效,我希望包含输入“firstName”和输入“lastName”的整个表单组发生变化。我知道我可以做这样的事情:它会工作得很好。但这是棘手的部分:在这个例子中,我只有两个输入和一个简单的验证规则,所以它很容易检查并且仍然可读。但是,如果我有10个输入来检查表单组怎么办?我不想最终不得不手动检查每个输入的有效性。我找到的解决方案之一是在第一个里面创建一个子表单:Submit这是我

javascript - 在 Material ui的日期选择器中更改格式日期

我使用具有redux形式的material-uidatepicker组件。我在这里遇到了一个小问题,这看起来很神奇。当我更改日期时,它在我的输入字段中显示为yyyy-mm-dd。我想更改它以显示为dd-mm-yyyy。日期选择器有一个名为formatDate的属性,它接受一个函数作为输入。所以我写道:moment().format(DD-MM-YYYY)}/>但是好像不行。你有什么想法吗? 最佳答案 根据DOC:formatDate====>function====>Thisfunctioniscalledtoformattheda

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme

javascript - material-ui 中的 <Fade> 只是禁用组件的可见性。如何获得淡入淡出效果并真正隐藏组件?

我正在使用来自material-ui的material-ui组件.}label="StartValue">我想在组件淡出时完全隐藏元素Grid但它只会禁用组件的可见性并在DOM中占用相同的空间(看起来是空的)。我如何使元素在淡出后隐藏使用 最佳答案 ...http://reactcommunity.org/react-transition-group/transition#Transition-prop-unmountOnExit默认情况下,子组件在达到“退出”状态后会保持挂载状态。如果您希望在组件退出后卸载它,请设置unmount

javascript - 更改模板标签后 John Resig 的微模板出现语法错误 <# {% {{ 等

我在使用JohnResig的Micro模板时遇到了一些麻烦。谁能帮我解决为什么它不起作用?这是模板testcontent{%=id%}{%=name%}以及引擎的修改部分str.replace(/[\r\t\n]/g,"").split("{%").join("\t").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split("\t").join("');").split("%}").join("p.push('").split("\r").join("\\'")+"');}returnp.joi