草庐IT

react-bootstrap-date-picker

全部标签

javascript - Bootstrap 模态有一个缺陷

当我学习bootstrap并尝试官方页面上的示例时,我发现了modal的一个缺陷(可能)零件。点击“Launchdemomodal”,你会注意到右上角有一个明显的空白,当模态对话框消失/出现时,导航栏会拉伸(stretch)/收缩。这是错误还是故意的?我觉得这很烦人,如何禁用它? 最佳答案 要手动修复这个问题,只需添加body.modal-open,.modal-open.navbar-fixed-top,.modal-open.navbar-fixed-bottom{margin-right:0px;}在Bootstrap样式表之

javascript - 基于 scroll React JS 的 Toggle 类

我正在使用bootstrap4导航栏,想在ig400px向下滚动后更改背景颜色。我正在查看react文档并找到了一个onScroll但找不到那么多信息。到目前为止,我已经...我不知道我是否使用了正确的事件监听器或如何设置高度等。而且我并没有真正设置内联样式...importReact,{Component}from'react';classAppextendsComponent{constructor(props){super(props);this.state={scrollBackground:'nav-bg'};this.handleScroll=this.handleScro

javascript - React - 将所有数据从 json 加载到组件中

我正在使用React并尝试将数据从本地json文件加载到我的组件中。我正在尝试打印所有信息,包括名称:值对(不仅仅是值)中的“名称”,以使其看起来像一个表单。我正在寻找执行此操作的最佳方法。我需要解析吗?我需要使用map功能吗?我是React的新手,所以请向我展示带有代码的解决方案。我见过与此类似的其他问题,但它们包含许多我认为不需要的其他代码。我的代码示例:测试.json{"person":{"name":"John","lastname":"Doe","interests":["hiking","skiing"],"age":40}}测试.jsimportReact,{Compon

javascript - React - 将 `this` 绑定(bind)到导入的函数

在我的React应用程序中,我希望能够跨几个类似的组件访问一些函数...但是,我想将this绑定(bind)到共享函数这样他们就可以做一些事情,比如更新组件状态等......但是,似乎导入函数然后尝试以“典型”React方式绑定(bind)this是行不通的。这是我想要完成的示例-在这种情况下,单击呈现的按钮将从导入的共享函数文件中调用函数并更新组件状态://shared_functions.jsconstsharedFunctions={testFunction=()=>{this.setState({functionWasRun:true})}}//MyComponent.jsxi

javascript - 尝试使用 React Hooks 时出现 "TypeError: Object(...) is not a function"错误(alpha)

这个问题在这里已经有了答案:HowtousenewFeatureHooksinReact?(1个回答)关闭4年前。当我尝试使用新的Reacthooks功能时,出于某种原因我遇到了这个烦人的错误消息。我按照文档中的说明使用yarnaddreact@next将React升级到最新的alpha版本。

javascript - 从使用 React 和 Webpack 构建的网站的 url 中删除 .html 扩展名

我正在努力做到这一点,而不是我的浏览器显示'https://mydomainname.com/index.html'我的浏览器将只显示'https://mydomainname.com/index'.我的网站有4个网页,它们是使用React编写的,Webpack将所有内容捆绑在一起,因此我有4个.html文件(索引、联系人...)和4个具有相同前缀的.js文件(索引、联系人、...)我没有使用React路由器。我真的不知道它是什么,但是很多其他答案都提到了它。当我使用React时,这是唯一的方法吗?Thisansweronlymentionsreactrouterfornonbrows

javascript - JavaScript 中的 easter_date()

我正在用JavaScript制作一个日历生成器。我需要给定年份的复活节午夜的Unix时间戳。我该怎么做(在JavaScript中)?可以找到PHP的函数here. 最佳答案 根据this:-functionEaster(Y){varC=Math.floor(Y/100);varN=Y-19*Math.floor(Y/19);varK=Math.floor((C-17)/25);varI=C-Math.floor(C/4)-Math.floor((C-K)/3)+19*N+15;I=I-30*Math.floor((I/30));I=

javascript - 是否可以根据屏幕宽度更改 Bootstrap 弹出窗口的位置?

我有一个项目列表,每个项目都有一个与之关联的Bootstrap弹出窗口(docshere)。它们是这样启动的:$('#my_listli').popover({placement:'left'});这行得通,但在宽度较小时,弹出框会从视口(viewport)中消失。我想根据$(document).width();设置条件放置,但是我看不到覆盖初始选项的方法(例如,在宽度为1000px,将位置切换到“上方”​​)。我整理了一个简化版本atjsfiddlehere.非常感谢。 最佳答案 placement也可以取一个函数作为它的值。在此

javascript - 如果只有一个 slider ,则隐藏 Twitter Bootstrap 左右箭头

如果只有一个slider存在,我一直在尝试隐藏BootstrapCarousel左右按钮,但似乎无法使其正常工作。我试过了if($('.carousel-innerdiv').length===1){$(this).find('.controls.carousel-control').hide();}和if($('.carousel-inner.item').is(':only-child')){$(this).find('.controls.carousel-control').hide();没有任何运气。为什么这两个都不起作用有什么特别的原因吗?控制台为.length返回正确数量的

javascript - Bootstrap 在调整大小时动态添加

我有一个100%高度的div,它下面有一个导航,下面还有更多内容。当用户滚动通过导航时,它会停留在页面顶部,当用户返回到100%高度的div时,导航会被留在后面。由于div是100%高度,因此导航的“data-offset-top”需要动态更改。下面的代码适用于:$('#navigation').affix({offset:{top:$('#hero').height()}});但是,当我调整页面大小时,偏移量的值不会重新添加到偏移量中。以下代码检查页面高度是否发生变化,然后将新高度提供给data-offset-top但它没有`函数affixChange(){$('#navigatio