必威官网 1

必威官网CentOS 6下编译Bootstrap 2.3.0

从下面的地址下载Bootstrap 2.3.0的源代码:

最近项目中使用了一个基于Bootstrap的daterangepicker控件。

一、配置目标

从下面的地址下载最新版本的node.js:

编译安装node.js
tar zxvf node-v0.8.20.tar.gz
cd node-v0.8.20
./configure
make && make install

1.点击页面其他空白的地方,会把之前在日历上选中的日期选择上。

1、通过lnmp完成基础环境的安装

解压Bootstrap 2.3.0源码压缩包:
tar zxvf bootstrap-2.3.0.tar.gz
进入Bootstrap解压后端文件夹:
cd bootstrap-2.3.0
安装编译Bootstrap所需要的node模块:
npm install recess connect uglify-js@1 jshint

具体描述:

通过lnmp安装后,相关软件的位置请参考其官方说明。安装后我单独通过气官方说明,升级了nginx的版本

完成上述操作后,就可以自己根据实际需求,通过make命令来编译Bootstrap了。

1.点击打开日期选择框

2、配置nginx使之能满足php+java环境在一台机器上的复用

2.选择一个日期范围,用户没有点击“Apply”按钮,然后点击页面其他空白区域,控件会把选择的日期赋值到文本框中去。

二、相关安装说明


必威官网 1

1、将tomcat安装到/usr/local/tomcat6

这个需求估计在国外属于正常的情况。但是国内的用户习惯是:点击其他空白地方,应该是和点击“取消”按钮相同的作用。所以看了一下源代码。在outsideClick方法里面,作者直接调用了hide()方法,这个方法正好做了将选中的日期范围赋值给文本框。修改代码行数在Line616,问题可以解决。

2、将nginx安装到/usr/local/nginx

outsideClick: function (e) {              var target = $(e.target);              // if the page is clicked anywhere except within the daterangerpicker/button              // itself then call this.hide()              if (                  target.closest(this.element).length ||                  target.closest(this.container).length ||                  target.closest('.calendar-date').length                  ) return;              //this.hide();//注释代码      //添加的代码,这里只是隐藏显示,不做任何赋值操作              this.element.removeClass('active');              this.container.hide();              this.element.trigger('hide.daterangepicker', this);          },

3、将java项目安装到tomcat6/webapps下

 

4、将php相关项目直接安装到/usr/local/下

2.Bootstrap daterangepicker在BootStrap Modal里面无效。

三、相关配置说明

发表评论