Tag: JavaScript

如何将第一次初始化完整的日历到特定的开始date?

当我调用显示日历的函数时,我想将初始月份设置为任意月份。 例如,用户在其他地方select最后一个6月(2011年6月)的date,我希望fullcalendar在(2010年4月)之前显示4月的月份显示。 是的,这只是一个案件,没有道理;-)) 我之前试图调用“gotodate”,然后再调用显示函数,但这似乎不起作用 $('#calendar').fullCalendar( 'gotoDate', currentdate); $('#calendar').fullCalendar({ header: {left: 'prevYear,prev,today,next,nextYear', center: 'title', right: 'month,basicWeek,basicDay' etc…} 最后有人能提供一个例子如何正确地做到这一点?

如何使用正则expression式获取特定字符后的所有字符,例如逗号(“,”)

需要一个正则expression式来获取所有的字符, (不包括它)从一个variables。 这个variables可以包含例如 'SELECT___100E___7',24 'SELECT___100E___7',1 'SELECT___100E___7',286 'SELECT___100E___7',5147 注意:在这个variables后面可以有任意长度的字符。 对正则expression式的解释将是对新手:)添加帮助 编辑:一个JavaScript的答案会一样好

缩放图像以适应canvas

我有一个允许用户上传图片的表单。 一旦图像被加载,我们对它进行一些缩放,以减less其文件大小,然后再传回服务器。 要做到这一点,我们把它放在canvas上,并在那里操作。 此代码将在canvas上呈现缩放的图像,尺寸为320 x 240像素的canvas: ctx.drawImage(img, 0, 0, canvas.width, canvas.height) … canvas.width和canvas.height是基于原始图像大小的图像高度和宽度xa比例因子。 但是当我去使用代码: ctx.drawImage(img, 0, 0, canvas.width, canvas.height, 0, 0, canvas.width, canvas.height …我只能看到canvas上的部分图像,在这种情况下是左上angular。 尽pipe实际图像尺寸大于320×240的canvas大小,但我仍然需要将整个图像“缩放”以适合canvas。 所以对于上面的代码,宽度和高度是1142×856,因为这是最终的图像大小。 我需要保持这个尺寸,以便在提交表单时传递给服务器,但只希望在用户的canvas上出现一个较小的视图。 我在这里错过了什么? 任何人都可以指出我正确的方向吗? 提前谢谢了。

什么是在JavaScript中修剪()的最佳方式

这个问题说明了一切。 JS似乎没有一个本地trim()方法。

如何更改dropzone.js中的默认文本?

我正在使用dropzone.js上传文件。 不过,我很难更改默认文本。 我试过实例化的dropzone类: $(document).ready(function(){ $(".foo").dropzone({ dictDefaultMessage: "hello" }); }); 有了这个标记: <div class="span4"> <form action="http://localhost/post" method="post" accept-charset="utf-8" id="drop3" class="foo" enctype="multipart/form-data"> </form> </div> <div class="span4"> <form action="http://localhost/post" method="post" accept-charset="utf-8" id="drop4" class="foo" enctype="multipart/form-data"> </form> </div> 这当然给了我上传文件的能力,但默认文本是空白的。 我testing了以下内容: $(".foo").dropzone(); 我似乎得到相同的结果 – 没有默认的文字。 所以..我如何改变默认的文字?

Datepicker不会在angular-ui版本0.11.0中打开两次

我想要有2个dateselect器,我正在使用Angular UI版本0.11.0。 我的HTML代码 <span ng-if="periods.period == 10"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customStartDate" is-open="opened1" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" class="input-md" /> <button class="btn" ng-click="open($event,'opened1')"><span class="glyphicon glyphicon-calendar"></span></button> </span> <span ng-if="periods.period == 10"> – <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customEndDate" is-open="opened2" min-date="cdate.customStartDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" class="input-md" /> <button class="btn" ng-click="open($event,'opened2')"><span class="glyphicon glyphicon-calendar"></span></button> </span> 和我的JS代码是` $scope.disabled = function(date, […]

使用jQuery从页面导航

我只会有一个相对的链接,但我想用jQuery来导航到这个rel链接。 我只能在jQuery中看到AJAXfunction。 我怎样才能做到这一点使用jQuery或纯粹的HTML / JavaScript?

鉴于ES2015,dependency injection和库抽象,2016年我的理想模块应该是什么样子?

如果不是这样的话,首先我要全部写上我所有的模块 import A from './a.js'; var B = function(){ //use A }; export default B; 然后使用编译器将其构build为某种浏览器或服务器格式。 但是我的一个问题是在import明确./a.js 。 我明白为什么规范是这样做的1 ,赞成静态分析 。 但是有两个非常实际的原因,为什么在模块的文件名和path中烘焙都很麻烦。 正如已经在这里提出的那样 ,当从项目到项目频繁地回收模块时,您很可能无法在项目树中保持一致的path 。 import myModule from './../../vendor/lib/dist/mod.js'到一个模块的代码,这样的导入调用不会让我感觉到未来。 除了path本身之外,指定文件名还会将您closures。 像这样的东西似乎是无辜的: import $ from 'vendor/jquery.js' 但是我想用Zepto代替jQuery呢? 我发现抽象,特别是在供应商库上的抽象,在处理大型代码库,自以为是的开发者和不断变化的JavaScript生态系统时非常有用。 我今天可能要导入React作为我的组件库,但明天呢? 此外,如果我要在客户端和服务器上使用相同的模块,但是我需要不同版本的从属库? 我坚持强有力(但明确而一致)的抽象。 通常,抽象已经采取了某种命名空间的forms。 我幻想一下这个: //BAD: Bakes React into my component modules import ComponentLib from './React.js'; //GOOD: Leaves […]

Nashorn和Scala未来要JS Promise转换

我有一个在Scala和React/Flux前端实现的服务器端。 我的服务返回Futures ,他们在Scalatra的AsyncResult中处理JSON响应。 对于同构/服务器端渲染设置我不想改变服务被阻止,所以我开始与Scala Future-> java.util.function.Function转换显示在这里 。 但Flux的调度员想要JS Promise。 到目前为止,我在这张幻灯片68-81中发现了相当复杂的探测方式 有没有build议的方式来处理这个Scala Future – > JS Promise转换?

如何解决IE11的localStorage事件两次或根本不在iframe中?

我猜这是一个错误,但我一直没有find任何关于这个问题的讨论。 众所周知,IE10将(针对spec)本地触发存储事件(即在触发事件的同一全局执行环境中),但是IE11似乎更偏离规范( http://www.w3.org / TR / webstorage / ),当涉及到同域的iframes: 如果iframeembedded在触发存储事件的页面中,则该事件将在该iframe内触发TWICE。 如果iframeembedded在与触发存储事件的页面不同的页面中,则该事件在该iframe内根本不会触发。 如果事件是由iframe触发的 ,则会在本地触发TWICE,并在同一页面中embedded的任何其他iframe中触发TWICE,但在其他页面的iframe中触发。 您可以通过在两个单独的选项卡中打开以下链接来进行testing: http : //hansifer.com/main.html 任何人都有这个奇怪的见解吗? 最后testing版本: IE v11.0.9600.16476 (更新2016-08-13:显然它是相关的“更新版本”,而不是IE的“关于”对话框中报告的“版本”) 链接到错误报告: https : //connect.microsoft.com/IE/feedback/details/811546/ie11-localstorage-events-fire-twice-or-not-at-all-in-iframes 更新2015-10-26 我只是注意到,这似乎是固定在v11.0.9600.18059,虽然我不知道什么时候修复下降,因为它似乎没有在任何最近的KB引用。 不幸的是,IE11 localStorage事件在其他方面仍然存在exception(尽pipe这些是与本文中提出的问题分开的): IE在触发事件的localStorage设置或移除的窗口上下文中引发localStorage事件。 localStorage事件只能在相同来源的外部窗口上下文中引发。 (更新:在EdgeHTML 13.10586中工作) 当存储项被添加/删除时,IE对e.oldValue/e.newValue使用空string而不是null 。 (更新:在EdgeHTML 13.10586仍然是一个问题) IE调用localStorage事件处理程序非确定性BEFORE或AFTER设置/删除后生效,而不是始终如一。 更新2015-12-24 看来这个bug被转移到边缘(testing的EdgeHTML 13.10586) 更新2016-02-02 韦尔普,没关系。 在IE v11.63.10586.0 (更新2016-08-13:显然它是相关的“更新版本”,而不是在IE的关于对话框中报告的“版本”)中再次观察到这个错误。 更新2016-08-13 这个现在似乎在IE(更新版本11.0.34)中是固定的,虽然存储事件仍然在原始窗口中被触发,违反规范(一个已知的长期存在的问题)。 我发现这个包含在IE 2016年6月14日安全更新中的知识库 ,尽pipe根据其描述,它只涉及上面的第二个项目符号。 至于Edge(经过testing的EdgeHTML 14.14393),现在看起来这个问题现在已经解决了,但是还有一个新问题:存储事件不是跨同一页面的同源帧触发的。 我在这里分别向MS报告。